jquery - 链式选择 jQuery 并更改跳转菜单

Question

我正在使用 Chained Selects jQuery 插件，http://www.appelsiini.net/projects/chained

但我想向第二个选择元素添加一个跳转菜单，即需要单击提交。如果我使用处理程序更改，则会在链接脚本上触发。

  $(function(){
      $("#spotCat").chained("#locationCat"); 
      $("#spotCat").change(function(){
        window.location.href = $(this).val();
      });
  });

我不确定解决该问题的最佳方法？当您“单击”选择下拉箭头时，会触发单击触发的事件吗？

Answer 1

根据插件的功能方式(具体来说，它在填充依赖选项列表时始终保留第一个项目的方式)，您只需向匿名 添加一个 if 即可>更改事件处理函数:

if ($(this).find("option:selected").index() !== 0) {

演示(打开浏览器的开发人员工具并转到控制台以查看事件逻辑何时触发 - 或者更重要的是，何时不触发): http://jsfiddle.net/ywn6G/

上下文中的if:

$(function(){
    $("#spotCat").chained("#locationCat"); 
    $("#spotCat").change(function(){
        if ($(this).find("option:selected").index() !== 0) {
            window.location.href = $(this).val();
        }
    });
 });