在 html 页面中使用下拉菜单答案

【问题标题】：using dropdown menu in html page在 html 页面中使用下拉菜单
【发布时间】：2012-02-03 12:57:55
【问题描述】：

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

【问题讨论】：

标签： html

【解决方案1】：

请参阅Navigational pulldown menus in HTML 以获取综合指南，但简而言之：

【讨论】：

【解决方案2】：

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

例如，在 jQuery 中，您可以执行以下操作：

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

【讨论】：

【解决方案3】：

JQuery：

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

【讨论】：

【解决方案4】：

如果您不想使用 jQuery，您可以使用 Javascript 来实现。将您的选择框更改为如下所示。

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

【讨论】：