問題タブ [select2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
47 参照

javascript - select2、すでに選択されている値を再表示

Select2 ドロップダウンを使用して複数の選択を許可していますが、選択した値をドロップダウン リストから削除しています。どうすれば無効にできますか?ドロップダウンにすべての値を表示したい。

0 投票する
1 に答える
733 参照

javascript - Select 2 Loading Remote Data と初期選択を混在させる方法

https://select2.github.io/examples.html#data-ajax

select2の場合、私はしたい:

  1. いくつかの初期選択をリストします。小さなリストの場合は、直接選択できます。
  2. リモートで長い/より多くの選択肢を検索します。

ajaxしかし、両方をdata同時に指定することはできないようです。

なにか提案を?ありがとう。


コードスニペットが追加されました

0 投票する
2 に答える
1007 参照

jquery - テキストを入力できなくても、Select2 で「複数選択ボックス」オプションを使用するにはどうすればよいですか?

select2 '複数選択ボックス' オプションを使用すると、テキストを入力するオプションが提供されます。この機能を削除して、ユーザーが利用可能なオプションをクリック/タッチするだけで、テキスト カーソルが表示されないようにしたいと考えています。

サンプルページで「複数の選択ボックス」オプションを確認できます: https://select2.github.io/examples.html

私のコード。(私はLaravel 5ブレードテンプレートを使用しています)

編集: 「検索ボックスを非表示にする」に関する情報を見つけました。minimumResultsForSearch を 'infinity' に切り替えてみましたが、まだ機能しませんでした。ここに私のアプリがあります: www.gethappy.co.nz

0 投票する
1 に答える
141 参照

javascript - Select2 onchange オプションを選択し、オプションに応じて URL を追加または削除します

現在、次のselectようにphpを介してドロップダウンフィルターをセットアップしています。

URLに含まれているかどうかを検出&code=tmallし、最初のブロックを実行します

&code=tmall必要な方法で正確に実行されるこのスクリプトを追加しています

私が直面している問題は、戻る必要があるときですTaobao & Tmall。その選択に基づいて文字を削除するのではなく、URL に追加することしかできません。

&code=tmallオプションを選択したときに URL から取り除く方法はありTaobao & Tmallますか?

0 投票する
2 に答える
7326 参照

javascript - select2ドロップボックスで最初のオプションを選択できません

select2.js を使用すると、1 つのことを除いてうまく機能するドロップダウン メニューがあります。最初のオプションをクリックしても何も起こらず、ドロップダウンがフォーカスを失うと、プレースホルダーがボックスを埋めます。40 のオプションのいずれかが選択されている場合、その値のテキストがドロップダウン ボックスに表示され、アプリでその値を使用できます。

オプション (最初のオプション以外) を選択して最初のオプションをもう一度クリックすると、最初のオプションの値がボックスに表示され、問題なく使用できます。この問題は、ロード時にのみ発生します。

JS

ローカル json ファイルを使用してドロップダウンに入力しました。

HTML

私の目標は、ドロップダウン ボックスにプレースホルダーを含むページを読み込めるようにし、最初のオプションをクリックしてボックスに入力できるようにして、その値をアプリの他の部分に使用できるようにすることです。

どんな助けでも大歓迎です。

0 投票する
0 に答える
218 参照

jquery - select2 でタグを削除するときに自動オープン選択結果を無効にする

select2を使用して複数選択しています。タグを削除したときに自動オープン選択の結果を無効にするにはどうすればよいですか?

http://select2.github.io/examples.htmlと同じコードがあります

いくつかのオプションを選択した後、それを削除したい場合は、タグの閉じるボタンをクリックします。オプションを削除すると、select の結果が表示されます。自動オープンオプションリストなしでオプションを削除するにはどうすればよいですか?

0 投票する
2 に答える
8270 参照

vue.js - vue.js で Select2 (複数選択) を使用する

私は vue を初めて使用し、 http: //vuejs.org/examples/select2.htmlの「カスタム ディレクティブ」に従いました。

これは、1 つのアイテムのみを選択する場合はうまく機能しますが、複数のアイテムを選択する場合は、最初のアイテムのみを渡します。選択したすべての値を渡す必要があります。

ここで利用可能なコードを表示するjsfiddleをセットアップしました。 https://jsfiddle.net/f3kd6f14/1/

ディレクティブは次のとおりです。

どんな助けでも大歓迎です。