获取selectize.js原始元素

Question

我使用的selectize.js是这样的：

$( 'select' ).selectize( {
    onChange: function( value ) {
        // how to get original element here?
    }
} );

页面上有几个select元素。

我想得到事件发生在select中的onChange。

我该怎么做呢？

Answer 1

您可以在$(this)[0]内部使用onChange。一旦this本身成为选择对象

$( 'select' ).selectize( {
    onChange: function( value ) {
      var obj = $(this)[0];
      alert(obj.$input["0"].id);
    }
} );

这是一个小提琴

Answer 2

您可以从onInitialize获取所有用户事件：

$('select').selectize({
         onInitialize: function (selectize) {
            selectize.on('change', function (value) {
                var elem = this.$input[0];
                console.log('on "change" event fired > ' + elem.id);
              });
            selectize.on('focus', function () {
                console.log('on "focus" event fired');
            });
            selectize.on('dropdown_open', function () {
                console.log('on "dropdown_open" event fired');
            });
        }
 }