我制作了选择框中的选项可单击。然而,对于第一个选项,我没有放置任何链接。但是,当我单击选择框时,它会重定向到某个地方并说找不到页面。
但是,如果您单击箭头并按住一段时间,则会出现下拉菜单。现在,当您单击任何选项时,它就会起作用。但我想知道为什么一开始它不显示下拉菜单而只是重定向。
这是 js fiddle :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 ▾</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 ▾</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/
最佳答案
更改单击事件以更改事件......单击选择框时会触发。
document.getElementById("myselect").onchange = function(d){
window.location = this.value;
};
我不太清楚如何使用 JavaScript 进行更改,因为我更喜欢 jQuery
关于javascript - 单击时选择框会自动重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27699741/