如何在使用selectBoxIt JQuery插件时检测选项更改

How To Detect Option Change When Using selectBoxIt JQuery Plugin?

本文关键字：检测 选项 插件 JQuery selectBoxIt      更新时间：2023-09-26

JSBin上的实时演示

  $(".abc123").selectBoxIt();
  $(document).on('mousedown', function(e) {
    if ($(e.target).parent().parent().parent().parent().children(":first").hasClass('abc123')) {
      var anchor = $(this).find('a');
      var test = $(anchor).text();
      alert($(this).parent().attr('class'));
    }
  })

上面是我的一个更大的脚本片段，我正在尝试应用mousedown部分的附加函数。我使用的是selectBoxIt JQuery插件，它将把任何基本的选择选项列表变成一个更漂亮的版本。

检测新选项更改的最佳解决方案是什么

即使您使用插件来设置select的样式，您仍然可以挂接到底层元素的change事件，如下所示：

$(".abc123").selectBoxIt().change(function() {
    console.log(this.value);
});

我不确定您当前的代码到底想做什么，因为this是document，因此尝试获取parent()是没有意义的，但是，当select的当前值发生更改时，上面的代码至少会为您获取当前值。

相关文章：