【问题标题】:jquery dropdown menu redirectjquery下拉菜单重定向
【发布时间】:2013-02-16 23:38:48
【问题描述】:

我需要一个学校项目的下拉菜单,我对 javascript 不太了解,所以我在这里问。当从下拉菜单中单击一个选项时,我只需要添加一个重定向。我将文件粘贴到了 paste http://pastie.org/6365493http://pastie.org/6365495

【问题讨论】:

  • 你发布了很多代码;如果您明确说明当前解决方案不适用于什么,并且更具体地说明您想要实现的目标,这个问题会更容易回答。

标签: javascript jquery html drop-down-menu


【解决方案1】:
HTML:
<select id="selectbox">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>
</select>


JAVASCRIPT:
<script>  
    jQuery(function () {
        $("#selectbox").change(function () {
            location.href = $(this).val();
        })
    });
</script>

【讨论】:

  • 突兀的javascript(导致xss)想想吧
【解决方案2】:

这是我为你写的非常非常简单的东西:

http://jsbin.com/ayomar/3

HTML:

  <select id="redirect">
    <option>Where to cer?</option>
    <option value="http://www.google.com">Home</option>
  </select>

JAVASCRIPT:JQuery

$("#redirect").on("change", function() {
   var self = $(this);
   // console.log(self.val());
   window.location.href = self.val();
});

【讨论】:

  • 什么?你降低了我的分数,你是认真的吗???这是一个完整的例子,你可以检查它。
  • 只需用您的示例代码更新您的答案,这样我就可以删除不赞成票
猜你喜欢
  • 1970-01-01
  • 2012-08-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多