javascript - 选择不转到 URL 栏的导航选项

Question

我有点困惑为什么以下不起作用，我尝试了 2 个 jquery/javascript

所以我的移动 View 有一个下拉菜单 9 我已经合并了我尝试创建链接的两种方法

   <select id="nav-select">
    <option value="/public_pages/faq">FAQ</option>
    <option value="vacancy"><%= link_to 'Create Vacancy ', new_vacancy_path %></option>        
   </select>

我尝试获取窗口位置并链接到正确网址的 JavaScript

$('#nav-select').change(function(){
var url = $(this).val();
window.location = url;
});

document.getElementById("nav-select").addEventListener('change',function () {
window.location = this.value;
 },false);

当我选择一个选项时，什么也没有发生

有人有什么想法吗？我是否错误地使用了选择标签？

谢谢

Answer 1

如undefined声明，将脚本放入文档就绪处理程序中将解决此问题。 为了进一步解释，我敢打赌您在实际文档标记之前定义了脚本。这将使 jQuery 搜索文档中尚不存在的元素。

将其放入文档就绪处理程序中:

$(document).ready(function(){
    $('#nav-select').change(function(){
        var url = $(this).val();
        window.location = url;
    });
});

您实际上是让脚本等待页面加载完成，并且在执行代码之前文档中存在 #nav-select 元素。