jqueryでのselect2の使用法は何ですか

jquery では、select2 は、単一および複数の選択をサポートするように選択を最適化するために使用されます。また、グループ表示とリスト取得もサポートしています。これは、jquery に基づいたドロップダウン リスト プラグインです。呼び出し構文は " $(select ).select2()"。

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery での select2 の使用法とは何ですか

Select2 は JQuery に基づくドロップダウン リスト プラグインで、主に最適化に使用されます。単一選択と複数選択を選択してサポートし、グループ表示とリスト検索もサポートします。

select2 は、Jquery が選択ボックスを置き換えるために使用するコンポーネントです。ドロップダウン ボックスをカスタマイズでき、検索、タグ付け、リモート データ ソース、無限スクロール、その他のより高度な機能をサポートします。

select2 のダウンロード アドレスは: https://select2.github.io/ です。ここでは select2-4.0.0 バージョンを使用します。本バージョンをダウンロード後、解凍するとdistディレクトリにjsファイルとcssファイルがあります。 select を使用する場合は、これらのファイルを参照する必要があります。

まず、プロジェクトにダウンロードした CSS と JS を導入します。select2.js を導入する前に、まず jquery を導入する必要があります。
ダウンロードした select2 フォルダー内の css と js には圧縮版と非圧縮版がありますので、必要に応じてインポートしてください。ここでは圧縮版を紹介します。

呼び出し構文は次のとおりです:

$(function () {
        $("#myselect").select2();//调用插件
        
})

もちろん、いくつかの設定を行う必要があります。これはオブジェクトを通じて次のように設定されます。 "$(" #myselect").select2()" select2() のパラメーター。たとえば、選択の幅を設定できます:

$("#myselect").select2({
      width:160,//设置select标签的宽度
            
});

関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryでのselect2の使用法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。