获取 selectize.js 个原始元素

Question

我正在使用 selectize.js 这样的东西：

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

页面上有几个 select 个元素。
我想获取事件发生在 onChange 内的 select。
我该怎么做？

Answer 1

您可以在 onChange 中使用 $(this)[0]。一旦 this 本身就是 selectize 对象

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

这是一个Fiddle

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');
            });
        }
 }

获取 selectize.js 个原始元素

Get selectize.js original element

javascript

jquery

selectize.js