【问题标题】:JQuery. Simple drop down selection menu behavior question查询。简单的下拉选择菜单行为问题
【发布时间】:2009-07-15 19:01:28
【问题描述】:

我有一个简单的 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;
}

【问题讨论】:

    标签: javascript jquery html


    【解决方案1】:

    要在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;
    });
    

    【讨论】:

    • 您知道执行重定向的代码吗?
    • 重定向链接到底是什么意思?
    • 当下拉选项被选中时,我需要重定向页面(即指向新页面的超链接)
    猜你喜欢
    • 2014-05-26
    • 1970-01-01
    • 2013-04-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多