jquery下拉菜单重定向

时间:2013-03-02 13:50:38

标签: javascript jquery html drop-down-menu

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

2 个答案:

答案 0 :(得分:0)

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>

答案 1 :(得分:0)

这是我为你写的非常简单的事情:

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();
});