Question

我有点困惑为什么以后没有工作，我已经尝试了2件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);

当我选择一个选项时，没有任何事情发生

任何想法？我是否错误地使用了选择标签？

由于

Answer 1

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

将其放在文档就绪处理程序中：

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

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

选择导航选项不会转到URL rails

1 个答案: