使用selectBoxIt JQuery插件時如何檢測選項更改？

Question

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插件，它會將任何基本選擇選項列表轉換為更漂亮的版本。

檢測新選項更改的最佳解決方案是什么？

Answer 1

即使你使用插件來設置select樣式，你仍然可以掛鈎底層元素的change事件，如下所示：

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

我不確定你當前的代碼究竟在嘗試做什么，因為this是document ，因此嘗試獲取parent()是沒有意義的，但是上面的代碼至少會在選擇更改時獲得select的當前值。