选择导航选项不转到URL轨道

Question

我有点困惑，为什么以下内容不起作用，我已经尝试了两个jquery/javascript

所以我有一个手机视图的下拉菜单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我已经尝试获得窗口位置和链接到正确的url

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

当我选择一个选项时，不会发生任何事情

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

感谢

Answer 1

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

通过将其放入文档就绪处理程序：

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

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