この記事では、いくつかの実際のプロジェクトでコンポーネントBootstrap select2の使用を要約します。それはあなたと共有されます。困っている友人はそれから学び、迂回を避けることができます。特定のコンテンツは次のとおりです
複製画像：
固定された方法でデータを取得するか、AJAX、bootstrap.js/css、select2.js/cssを取得するかどうか。
{{styleSheet_link（ 'css/bootstrap.css'）}}}} {{styleSheet_link（ 'css/select2.min.css'）}}}}} {{{stylesheet_link（ 'css/font-awemesome.min.css' {{{{{{{{{{ styleSheet_link（ 'css/prettify.css'）}}} {{javascript_include（ 'js/lib/jquery.js'）}} {{{js/lib/select2.full.js '）}}} {{{{{{{ javascript_include（ 'js/lib/bootstrap.js'）}} <div> <div> <section id = "tags"> <div> <p> <select multions = "multisty"> <option selected = "selected"> option> <option> white </option> <option> <option> <option> <option> "選択</div> </section> </div> </div>取得する方法を修正しました：
$（ "。js-example-tags"）。select2（{tags：true、// tag createSearchChoice：function（項、data）{alert（1）; if（$（data）.filter（function（）{return this.text.localecompare（項）= ========}）。複数：true、data：[{id：0、text： 'story'}、{id：1、text： 'bug'}、{id：2、text： 'task'}]}）;ajaxメソッドを入手してください：
$（ "。js-example-tags"）。select2（{//タグ付けタグ：true、//リモートデータの読み込み// https://select2.github.io/options.html#ajax ajax：{url： "ask2/タグ"、プロセス救済：= dataul.log）{console.lg（smad）{console.log） []（var x）{arr.push [x]）;説明します
ajaxのデータ戻り形式は次のようになります。
対応するPHPコードの例
... $ p1 = array（id => "1"、text => "java"）; $ p2 = array（id => "2"、text => "jvm"）; $ test = array（1 => $ p1,2 => $ p2）; $ params ['ressonsedata'] = $ test; $ this-> view-> disable（）;親を返す:: ajaxResponse（$ params）;
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記は、select2の使用方法の紹介です。すべての人の学習に役立つことを願っています。