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

时间:2011-08-29 14:00:59

标签: html jsp

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

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

如何制作以便在更改时执行此操作?例如。当用户选择John时,他的所有细节都将从DB中重新获得并显示出来。我希望系统无需点击“转到”按钮即可完成。

5 个答案:

答案 0 :(得分:573)

请求JavaScript协助。

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

另见:

答案 1 :(得分:71)

简单的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的链接。

答案 2 :(得分:8)

除了使用this.form.submit()之外,您还可以通过ID或名称提交。 例如,我有这样的表格:<form action="" name="PostName" id="IdName">

  1. 按名称:<select onchange="PostName.submit()">

  2. 按ID:<select onchange="IdName.submit()">

答案 3 :(得分:4)

对于上面的答案。它绝对是JavaScript。它只是内联。

如果要应用于所有选择,请等同于jQuery:

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

答案 4 :(得分:0)

非常易于使用的选择选项提交

<select name="sortby" onchange="this.form.submit()">
       <option value="">Featured</option>
       <option value="asc" >Price: Low to High</option>
        <option value="desc">Price: High to Low</option>                                   
</select>

此代码现在使用并享受:

了解更多:Go Link