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

时间:2009-07-15 19:01:29

标签: javascript jquery html

我有一个简单的html选项/选择(下拉菜单)菜单。我想在选择选项时使用JQuery重定向链接。如果javascript被禁用,我在noscript标签中有一个“go”按钮,但是如果用户有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;
}

1 个答案:

答案 0 :(得分:2)

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

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

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

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