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

问题描述 投票:247回答:4

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

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

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

html jsp
4个回答
576
投票

只需要求JavaScript的帮助。

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

See also:


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


9
投票

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

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

4
投票

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

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

$('form select').on('change', function(){
    $(this).closest('form').submit();
});
© www.soinside.com 2019 - 2024. All rights reserved.