2017-02-06 11 views
0

にありますhttps://select2.github.io/examples.html#tokenizerjQueryのSelectセレクトトークン化 - 値のみを受け入れ、私はここから自動トークン化の例を使用しようとしていますドロップダウン

ポイントは、私はまた、ドロップダウンにないアイテム(例えば入力できるということです。黄色、オレンジ、ジャガイモ)とトークン化されています。

リストにある要素だけがトークン化される方法はありますか?

最後に、UIを少し変更して、選択したオプションをグレーアウトしないようにすることはできますが、(複数選択ドロップダウンのように)チェックアイコンが表示されますか?

注:私は現時点では何のコードを持っていませんが、私は次のサンプルコードに基づいて、私の質問を作っています:これは、サイト内にあるJSあるhttp://codepen.io/SitePoint/pen/VeQGLO

$(document).ready(function(){ 
    $(".tokenizationSelect2").select2({ 
     placeholder: "Your favourite car", //placeholder 
     tags: true, 
     tokenSeparators: ['/',',',';'," "] 
    }); 
}) 
+0

あなたのコードを表示してください - あなたが探しているもののための方法がありますが、これまでのことを知っていれば簡単です。 –

+0

私は現時点では実際にコードを持っていません。私はインターネットで見つけたこのサンプルで遊んでいます。 http://codepen.io/SitePoint/pen/VeQGLO/質問を更新します。 – user3587624

答えて

0

あなたの答えを発見ここに:https://stackoverflow.com/a/30981409/1040225

createTag: function(params) { 
      return undefined; 
     } 

...とソリューションを使用してcodepen例をあなたの設定:http://codepen.io/anon/pen/egjEvm

+0

私はそれを試しましたが、このようなリストをコピー&ペーストすると "Bugatti、Ferrari、BMW、Lamborghini"というものが自動的に選択されません。 – user3587624

+0

はい、プラグインにはユーザー入力に問題があります。キーボードのバックスペースキーで削除しようとすると、完全なトークンも削除されません。それは完全ではありませんが、私の(個人的な)意見では、最も完全なプラグインがあります。貼り付けられた文字列を解析する関数を書くことは可能でしょうが、やはり私は実際にそれのユースケースを見ませんか? –

+0

この場合、ドロップダウンにはおよそ100の要素があり、次のようにします:a)ドロップダウンにある要素をあらかじめ選択できるようにカンマ区切りのリストをコピー&ペーストすることができます。b)新しいタグを作成しません要素が存在しない場合 – user3587624

関連する問題