在html页面中使用下拉菜单

在html页面中使用下拉菜单,html,Html,我正在使用网页中的下拉列表和“提交”按钮提交下拉列表的选定值。但我不想使用“提交”按钮。当我从下拉列表中选择该值时,它应该在不使用提交按钮的情况下重新引导页面。任何人都可以发布代码。。。我正在使用select和option标记。您需要使用JavaScript来执行此操作 例如,在jQuery中,您可以执行类似的操作: $(function() { $('#myDropDownId').change(function() { $('#formId').submit();

我正在使用网页中的下拉列表和“提交”按钮提交下拉列表的选定值。但我不想使用“提交”按钮。当我从下拉列表中选择该值时,它应该在不使用提交按钮的情况下重新引导页面。任何人都可以发布代码。。。我正在使用select和option标记。

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

例如,在jQuery中,您可以执行类似的操作:

$(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
    submit()
    方法的select元素
  • 不要这样做,这是一个可怕的用户界面

请将您的代码添加到您的问题中,或至少添加一个指向您网站的链接。请确保您添加了一个提交按钮,并使用JavaScript删除该按钮,这样,如果用户没有启用JavaScript,他们仍然可以使用导航。