問題タブ [jquery-select2-3]

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 投票する
7 に答える
50737 参照

javascript - Select2 Ajaxメソッドが選択されていません

わかりました、ここで何か単純な設定が間違っていると確信していますが、それが 100% ではありません。

そのため、ユーザーがデータベースを検索して結果を選択する方法として、Select2 AJAX メソッドを使用しようとしています。通話自体は結果とともに戻ってきますが、リストから回答を選択することはできません。また、ホバーまたは上下矢印で「選択」できないようです。それで、これ以上苦労することなく、ここに私のコードがあります:

index.html

select.js

JSON レスポンス

すべてが正しく引き込まれているように見えますが、実際に回答を選択してボックスに入力することはできません。コードのどこかに問題がありますか?

0 投票する
5 に答える
7686 参照

javascript - jquery-select2はセレクトボックスからIDとテキストを取得しますか?

jquery-select2プラグインを使用しており、AJAX によって自動入力される次のフィールドがあります。

これがJavaScriptです:

結果関数内の console.log に表示されるデータは、[{"id":"someone@gmail.com", "text":"someone"}] のように構造化されています。

選択肢が選択された後、console.log($("#player2").select2("val")) を試みると ID が表示されますが、テキストを取得できないようです。この場合、次のいずれも「someone」のテキスト値を取得するために機能せず、どこが間違っているのかわかりません。

0 投票する
3 に答える
4134 参照

jquery - 値の変更時に Select2 Optgroup を非表示にする

選択リストに 2 つの optgroup があり、車両の選択で 1 つの optgroup を表示し、他を非表示にしようとしています。

私が望むのは、「車」を選択すると「自転車」のoptgroupが非表示になり、「自転車」を選択すると「車」のoptgroupが非表示になることだけです。

ありがとう

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

jquery - maximumSelectionSize が Select2 で機能しない

select2複数値の選択があり、ライブラリを使用して選択項目の数に制限を設定したいと考えています。

ドキュメントmaximumSelectionSizeには、オブジェクトの初期化中に設定する必要があると書かれています。残念ながら、次のコードは機能しません。

私のHTML選択ボックス:

http://jsfiddle.net/x4oqL1jr/2/

このコードの塊の何が問題なのですか?

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

angularjs - select2、ng-model、Angular

jquery -select2 ( ui-select ではない) と angular を使用して、値を ng-model に設定しようとしています。

と を使用してみまし$watchng-changeが、select2 で項目を選択した後、何も起動しないようです。

残念ながら、私は購入したテンプレートを使用しており、angular-ui を使用できません。

HTML:

クライアントコントローラー:

JQuery 統合:

どんなアドバイスでも大歓迎です!:)

アップデート

同様に問題を再現しているように見えるプランクをまとめることができました.ng -watchと$watchイベントは、最初に値を変更したときにのみ発生するように見えます。それにもかかわらず、私のコードでは (そして、コレクションに動的に追加および削除するなどの複雑さをさらに追加する場合)、一度も起動していないようです。

繰り返しになりますが、正しい方向 (または実際には任意の方向) へのポインタをいただければ幸いです。

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

jquery-select2 - Select2 は呼び出し時に動的 Ajax URL を使用します

Ajax で Select2 プラグイン (v 3.5.2) を使用して、リスト内の要素を動的に読み込みます。

Select2 の初期化 (ajax ヘルパーで URL プロパティが設定されている場所) と ajax 呼び出しが行われる時間の間に問題があり、この URL を変更する必要がある場合があります。

だから私はこのようなものを持っています:

ajax.url値を起動する前に、いつ、どこで、どのように値を変更すればよいかわかりません。

Select2 のヘルプには次のように書かれています。

Select2 は、デフォルトで jQuery の$.ajax関数を使用してリモート呼び出しを実行します。代替transport関数を設定で指定するか、ajax ヘルパーを使用する代わりにajaxカスタム関数を提供することで、完全にカスタムの実装を構築できます。query

しかし、それを行う方法の例が見つかりません。

助けてくれてありがとう。とても有難い。

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

php - ダブル

Double Codeigniter と Select2 jQuery を使用しているドロップダウン リストの正しい選択値を取得するにはどうすればよいですか?

問題: 私はこの結果を持っています エージェント 私は何かを逃しましたか?

html ビュー:

グループモデル

__getGroupsList /** * 代理店 ID に基づいてグループ リストを作成 */

AJAX コントローラー:

Javascript:

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

jquery-select2 - バックグラウンドでの ajax select2 データのページのロード

無限ページングを行うように設定された AJAX select2 ドロップダウン メニューがあります。私がやりたいことは、結果の最初のページをバックグラウンドでロードして、ユーザーがドロップダウンをクリックするとすぐに、最初の AJAX を待つのではなく、一連のオプションをすぐに利用できるようにすることです。電話。

これを行う方法を Google で検索すると、最初の選択を設定しようとする結果しか表示されません。これは私がやりたいことではありません。エンドポイントから結果の最初のページをプリロードして、ユーザーが AJAX 呼び出しが返されるのを待つ代わりにすぐにデータを表示するようにしたいだけです。これは可能ですか?

私のselect2セットアップコードは以下の通りです:

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

javascript - Select2 4.0 - キーを押しても選択がトリガーされない

Select2バージョンからバージョン3.5.2にアップグレードしました4.0.

タイピストが記入した多くのフィールドを持つフォームがたくさんあります。

古いバージョン ( 3.5.2) では、タイピストは次のシーケンスを使用していました。

  1. 要素に焦点を当てる
  2. 数字を入力
  3. を押しTabて結果を選択し、次のフィールドに移動します

バージョン4.0では、タイピストは次のことを行う必要があります。

  1. 要素に焦点を当てる
  2. 打つEnter
  3. 番号を入力
  4. Enterもう一度押す
  5. タブを押してぼかし、次のフィールドに移動します

この明らかな機能の低下を回避する方法はありますか? このバージョンではサポートされていない要素でv3.5.2AJAX を使用しているため、頼りたくない(代わりに隠しタグを使用する必要がある)<select><input>

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

jquery-select2 - select2 のデータ属性の変更

select2 3.5.2 を使用して古いレガシー システムで作業しています。

古い隠しフィールドメソッドを使用しており、現在は次のようにデータを渡しています。

現在、data-parent をオンザフライで変更し、親 ID に応じて正しいデータを取得する小さな jquery 関数があります。これは data-parent を手動で設定すると機能しますが、jquery を介して data-parent を変更すると、select2 コンポーネントは更新されません。

たとえば、私は現在持っています:

コンソールとインスペクターで data-parent を変更していることがわかりますが、select2 はまだ元の値を渡しています。トリガーを見てきましたが、これは何もしないようです。足りないものはありますか?