Javascript 从下拉列表中选择值以转到URL

Javascript 从下拉列表中选择值以转到URL,javascript,jquery,drop-down-menu,Javascript,Jquery,Drop Down Menu,我正在尝试设置一个下拉菜单,让最后的选择将您带到一个URL。我可以让各种下拉菜单正常工作,但在您做出最终选择后,浏览器不会做任何事情 我可以接近,但是我失去了隐藏其他不适用下拉列表的能力 车辆: 宝马 奥迪 制造商: 宝马 M3 M5 奥迪 A4 S4 $function{ $qmt-vehicle.onchange,函数{ var levelClass=$'qmt-vehicle'.find'option:selected.attr'class'; console.loglevelCla

我正在尝试设置一个下拉菜单,让最后的选择将您带到一个URL。我可以让各种下拉菜单正常工作,但在您做出最终选择后,浏览器不会做任何事情

我可以接近,但是我失去了隐藏其他不适用下拉列表的能力

车辆: 宝马 奥迪

制造商: 宝马 M3 M5 奥迪 A4 S4 $function{ $qmt-vehicle.onchange,函数{ var levelClass=$'qmt-vehicle'.find'option:selected.attr'class'; console.loglevelClass; $'qmt-manufacturer option'。每个函数{ var self=$this; 如果self.hasClasslevelClass ||TypeOfLevel类==未定义{ 自我表现; }否则{ 自我隐藏; } }; }; };


您只需将以下内容添加到脚本中:

 $("#qmt-manufacturer").on("change",function()
     {
        window.location.href = $('#qmt-vehicle').find('option:selected').attr("value");
    });

可以按如下方式修改“选择”标记:

<select id="qmt-manufacturer" name="manufacturer" onchange="location = this.options[this.selectedIndex].value">

从这个问题上看->

我知道这不是答案,因为@Dinmyte已经回答了。。但是为了简化你的代码。。使用

$('#qmt-manufacturer').val('').find('> option').hide();
$('#qmt-manufacturer > option[class="'+levelClass+'"]').show();
而不是

$('#qmt-manufacturer option').each(function () {
         var self = $(this);
        if (self.hasClass(levelClass)|| typeof(levelClass) == "undefined") {
             self.show();
         } else {
             self.hide(); 
         }
 });