如何在更改下拉列表时提交表格？

Posted 2021-03-28

我在JSP中创建了一个页面，我有一个下拉列表，一旦用户选择了一个值，他必须单击go按钮，然后将值发送到Servlet。

            </select>
            <input type="submit" name="GO" value="Go"/>

我如何做到这一点，以便它在变化时做到这一点？例如。当用户选择John时，他的所有细节都将从DB中重新获得并显示出来。我希望系统无需单击go按钮即可完成。

答案

只需要求javascript的帮助。

<select onchange="this.form.submit()">
    ...
</select>

See also:

• HTML dog - JavaScript tutorial

另一答案

简单的JavaScript会做 -

<form action="myservlet.do" method="POST">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>
</form>

这是一个良好的javascript tutorial的链接。

另一答案

除了使用this.form.submit()，您还可以通过ID或名称提交。例如我有这样的形式：<form action="" name="PostName" id="IdName">

1. 按名称：<select onchange="PostName.submit()">
2. 由Id：<select onchange="IdName.submit()">

另一答案

对于那些在上面的答案。这绝对是JavaScript。它只是内联。

如果要应用于所有选择，请等同于jQuery：

$('form select').on('change', function(){
    $(this).closest('form').submit();
});