我在JSP中创建了一个页面,我有一个下拉列表,一旦用户选择了一个值,他必须单击go按钮,然后将值发送到Servlet .
</select> <input type="submit" name="GO" value="Go"/>
我怎样才能让它在改变时做到这一点?例如 . 当用户选择John时,他的所有细节都将从DB中重新获得并显示出来 . 我希望系统无需单击go按钮即可完成 .
只需要求JavaScript的帮助 .
<select onchange="this.form.submit()"> ... </select>
简单的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">
this.form.submit()
<form action="" name="PostName" id="IdName">
按名称: <select onchange="PostName.submit()">
<select onchange="PostName.submit()">
按Id: <select onchange="IdName.submit()">
<select onchange="IdName.submit()">
对于那些在上面的答案 . 这绝对是JavaScript . 它只是内联 .
如果要应用于所有选择,请使用jQuery等效项:
$('form select').on('change', function(){ $(this).closest('form').submit(); });
4 回答
只需要求JavaScript的帮助 .
另见:
简单的JavaScript会做 -
这是一个很好的链接javascript tutorial .
除了使用
this.form.submit()
,您还可以通过ID或名称提交 . 例如我有这样的形式:<form action="" name="PostName" id="IdName">
按名称:
<select onchange="PostName.submit()">
按Id:
<select onchange="IdName.submit()">
对于那些在上面的答案 . 这绝对是JavaScript . 它只是内联 .
如果要应用于所有选择,请使用jQuery等效项: