javascript - Get selectize.js original element - Stack Overflow

admin管理员组

文章数量:1308372

I'm using selectize.js something like this:

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

There's several select elements on the page.
I want to get select on which the event occurred inside of onChange.
How can I do it?

I'm using selectize.js something like this:

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

There's several select elements on the page.
I want to get select on which the event occurred inside of onChange.
How can I do it?

• javascript
• jquery
• selectize.js

Share Improve this question Follow edited Dec 14, 2016 at 23:10 andrepaulo 81611 gold badge1111 silver badges2424 bronze badges asked Dec 14, 2016 at 20:25 LegotinLegotin 2,68811 gold badge2121 silver badges3030 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 10

you can use $(this)[0] inside the onChange. Once this is the selectize object by itself

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

Here's a Fiddle

you can get all user events from 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');
            });
        }
 }

本文标签： javascriptGet selectizejs original elementStack Overflow