JQuery的。简单的下拉选择菜单行为问题

I have a simple html option/select (dropdown) menu. I want to use JQuery to redirect links when an option is selected. I have a "go" button in noscript tags in case javascript is disabled, but in the case that the user has javascript..I would like the redirection to happen automatically on-click. Could somebody please guide me on how to accomplish this using jquery (I have this done using simple javascript 'onclick' events but I'd like to move all of my code to jquery)?

我有一个简单的html选项/选择(下拉菜单)菜单。我想在选择选项时使用JQuery重定向链接。如果javascript被禁用,我在noscript标签中有一个“go”按钮,但是如果用户有javascript ..我希望重定向自动点击发生。有人可以指导我如何使用jquery完成此任务(我已经使用简单的javascript'onclick'事件完成了但我想将所有代码移动到jquery)?

Right now my code looks like this (the function gets call from the 'onclick' event):

现在我的代码看起来像这样(该函数从'onclick'事件调用):

function option(dropdown) {
        var myindex  = dropdown.selectedIndex
        var SelValue = dropdown.options[myindex].value
        var baseURL;
        if(SelValue=="1")
            baseURL="something1";
        else if(SelValue=="2")
            baseURL="something2";
        else if(SelValue=="3")
            baseURL="something3";
        top.location.href = baseURL;

        return true;
}

1 个解决方案

#1

To bind the click element in jQuery you can do

要在jQuery中绑定click元素,你可以这样做

$('#elementId').click(function(){
  //do redirection
});

But for you case I think you need to bind the change event

但对于你的情况,我认为你需要绑定更改事件

$('#elementId').change(function(){
  var optionSelectedValue = $('#elementId option:selected').val();
  if(optionSelectValue == value1) {
     newUrl = url1;
  }
  else if(optionSelectValue == value2) {
     newUrl = url2;
  }
  top.location.href = newUrl;
});

1 个解决方案

#1

更多相关文章

随机推荐