使用html页面中的下拉菜单

Question

我正在使用网页中的下拉菜单以及提交按钮来提交下拉列表的选定值。但我不想使用提交按钮。当我从下拉列表中选择值时，它应该在不使用提交按钮的情况下重定向页面。任何人都可以发布代码...我正在使用选择和选项标签。

Answer 1

请参阅Navigational pulldown menus in HTML获取全面的指南，但简而言之：

• 将onchange JavaScript事件处理程序绑定到调用表单submit()方法
的select元素
• 不要这样做，这是一个可怕的用户界面。

Answer 2

您需要使用JavaScript来执行此操作。

例如，在jQuery中，你可以做类似的事情：

$(function() {
    $('#myDropDownId').change(function() {
        $('#formId').submit();
    });
});

Answer 3

<强> JQuery的：

$('#selectId').change(function(){
        if ($(this).val())
            $(this).closest('form').submit();
    });

Answer 4

如果您不想使用jQuery，可以使用Javascript执行此操作。将您的选择框更改为如下所示。

<select name="NAME" onchange="this.form.submit();">