2017-05-23 16 views
0

私は、マルチセレクションを別のリストのフィルタリング要素として使用しているため、テキストボックスをオプションの1つとして追加しようとしています。私はテキストボックスをフリーテキストフィルタとして機能させたい。 私は多くのことを試しましたが、これを動作させることはできません...ブートストラップmultiselectカスタムテキスト入力の追加

テキストボックスには無効になっていることが表示されていますが、HTMLを有効にして入力ボックスをオプションに挿入しました(ブロックされているようです親要素ではありますが、どれが1つであるかわかりません)

enableFilteringを使用しているときに表示されるテキストボックスをハイジャックしようとしました。問題は、テキストボックスにテキストを入力するときにリストのフィルタリングを引き起こすイベントを無効にするように思えます。そのフィルタリングが起こらないようにするには、テキストをテキストボックスにそのまま残し、理想的には隣のチェックボックスをクリックして、テキストボックスの値を参照してリストフィルタリングを処理することができます。

誰でもこの方法をアドバイスできますか?

+0

誰もこれを手伝うことができませんか?私はこれがマルチセレクションで誰かがやった標準的な "ハック"だと思いますか? – Gotts

答えて

0

それを実演しました。ドロップダウンのすべての入力にonchangeイベントが呼び出されます。ブロッキングプロポゲーションは、私がそれを利用できるようにします。 HTMLが有効になっているので、入力テキストボックスをオプションとして追加しました。 そして、そのテキストボックスにchangeイベントをバインドし、伝播を停止しました。 これで使用できます。

+0

私はこれをやろうとしていますが、 'onChange'イベントを使って伝播を停止させる方法は、ドキュメンテーションに従ってイベントを渡さないようにしてください。' onChange:function(option、checked、select ){} 'あなたの答えに例を挙げてもらえますか?私はテキストボックスをクリックすることができませんし、入力...それは、それがフォーカスを失ったテキストボックスをクリックするたびに、奇妙なようです。 –

関連する問題