2016-04-18 7 views
0

これは当初予想していたよりもはるかに難しい作業でしたが、うまくいけば何かが欠落しています。Selectize.js要素の基になる入力要素をイベントハンドラの1つから取得する

私は、フォーム内のいくつかのフィールドの母集団のためにSelectize.jsを使用しています。フィールドセットは常に同じです(1つのテキストエレメントは.selectize()で初期化され、他の2つのテキストエレメントは似たIDを持ちます)。選択ドロップダウンはリモートAPIコールによって設定され、アイテムが選択されるとselectize onChangeイベント。

問題は、各選択項目がonChangeハンドラ内から初期化されて元のテキストボックスからデータ属性を取得して、追加するフィールドを設定する必要があるかどうかを判断できないという問題です。 APIの中にこれについて議論するものは何もないので、デバッグするときには実際の要素を見つけることもできません。

アンダーラインにアクセスする方法を知っている人はいますかg入力要素?

答えて

0

は、いくつかのより多くの掘り使用して開発者向けツールの後、それはあなたがイベントハンドラ内からこれで基本的な入力要素を取得することができ判明:$inputは、基礎となる要素のjQueryオブジェクトである

this.$input 

。残念ながら、これはドキュメントにはありません。

用途:

$('.lookup').selectize({ 
    onChange: function(value) { 
     var data = this.$input.data('stuff'); 
    } 
}); 
関連する問題