javascript - 查询。简单的下拉选择菜单行为问题

Question

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

现在我的代码看起来像这样(该函数从“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;
}

Answer 1

要在 jQuery 中绑定(bind)点击元素，您可以这样做

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

但对于你的情况，我认为你需要绑定(bind)更改事件

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