单击时,选择框会自动重定向

时间:2014-12-30 04:53:56

标签: javascript jquery

我做了,选择框中的选项可点击。然而,对于第一个选项,我不会放任何链接。但是,当我点击选择框时,它会重定向到某个地方并说找不到页面。

但是如果你点击箭头并保持一段时间,那么就会出现下拉列表。现在当你点击任何一个选项时它就可以了。但我想知道为什么一开始它没有显示下拉列表,只是重定向。

这里是js小提琴:http://jsfiddle.net/58cqc812/

HTML

<select id="myselect">
   <option>Go To ...</option>
   <option value="<?php echo $data['config']['SITE_DIR']; ?>/">Home</option>
   <option value="<?php echo $data['config']['SITE_DIR']; ?>/main/page/about-us">About Us &#9662;</option>
   <option value="<?php echo $data['config']['SITE_DIR']; ?>/main/page/the-centre-point-of-any-web-projects">Centre-Point of Web Projects</option>
   <option><a href="#">Branches &#9662;</a>
        <?php #Core::getHook('block-branches'); ?></option>
   <option value="<?php echo $data['config']['SITE_DIR']; ?>/main/news">News</option>
   <option value="<?php echo $data['config']['SITE_DIR']; ?>/main/event">Events</option>
   <option value="<?php echo $data['config']['SITE_DIR']; ?>/contact">Contact Us</option>
</select>

JS

<script>
    //$('#myselect').on('change', function() {
  //location.href=$(this).data('url');
//});
document.getElementById("myselect").onclick = function(d){
  window.location = this.value;
};
    </script>

您可以参考实际网站。您需要将浏览器的大小调整为最小,然后才会出现此菜单。它适用于移动版本。 http://ymm.valse.com.my/

2 个答案:

答案 0 :(得分:5)

更改点击事件以更改事件....单击选择框时将触发。

     document.getElementById("myselect").onchange = function(d){
       window.location = this.value;
      };

我不知道如何使用JavaScript更改工作bcz我更喜欢jQuery

答案 1 :(得分:0)

使用jQuery

$("#myselect").change(function(){
    if($(this).val()!==""){
        window.location = $(this).val();
    }
});