在html页面中使用下拉菜单
我正在使用网页中的下拉列表和“提交”按钮提交下拉列表的选定值。但我不想使用“提交”按钮。当我从下拉列表中选择该值时,它应该在不使用提交按钮的情况下重新引导页面。任何人都可以发布代码。。。我正在使用select和option标记。您需要使用JavaScript来执行此操作 例如,在jQuery中,您可以执行类似的操作:在html页面中使用下拉菜单,html,Html,我正在使用网页中的下拉列表和“提交”按钮提交下拉列表的选定值。但我不想使用“提交”按钮。当我从下拉列表中选择该值时,它应该在不使用提交按钮的情况下重新引导页面。任何人都可以发布代码。。。我正在使用select和option标记。您需要使用JavaScript来执行此操作 例如,在jQuery中,您可以执行类似的操作: $(function() { $('#myDropDownId').change(function() { $('#formId').submit();
$(function() {
$('#myDropDownId').change(function() {
$('#formId').submit();
});
});
JQuery:
$('#selectId').change(function(){
if ($(this).val())
$(this).closest('form').submit();
});
如果不想使用jQuery,可以使用Javascript实现。将选择框更改为如下所示
<select name="NAME" onchange="this.form.submit();">
有关全面的指南,请参见,但简而言之:
- 将onchange JavaScript事件处理程序绑定到调用forms
方法的select元素submit()
- 不要这样做,这是一个可怕的用户界面