問題タブ [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.
javascript - Select2 Ajaxメソッドが選択されていません
わかりました、ここで何か単純な設定が間違っていると確信していますが、それが 100% ではありません。
そのため、ユーザーがデータベースを検索して結果を選択する方法として、Select2 AJAX メソッドを使用しようとしています。通話自体は結果とともに戻ってきますが、リストから回答を選択することはできません。また、ホバーまたは上下矢印で「選択」できないようです。それで、これ以上苦労することなく、ここに私のコードがあります:
index.html
select.js
JSON レスポンス
すべてが正しく引き込まれているように見えますが、実際に回答を選択してボックスに入力することはできません。コードのどこかに問題がありますか?
javascript - jquery-select2はセレクトボックスからIDとテキストを取得しますか?
jquery-select2プラグインを使用しており、AJAX によって自動入力される次のフィールドがあります。
これがJavaScriptです:
結果関数内の console.log に表示されるデータは、[{"id":"someone@gmail.com", "text":"someone"}] のように構造化されています。
選択肢が選択された後、console.log($("#player2").select2("val")) を試みると ID が表示されますが、テキストを取得できないようです。この場合、次のいずれも「someone」のテキスト値を取得するために機能せず、どこが間違っているのかわかりません。
jquery - 値の変更時に Select2 Optgroup を非表示にする
選択リストに 2 つの optgroup があり、車両の選択で 1 つの optgroup を表示し、他を非表示にしようとしています。
私が望むのは、「車」を選択すると「自転車」のoptgroupが非表示になり、「自転車」を選択すると「車」のoptgroupが非表示になることだけです。
ありがとう
jquery - maximumSelectionSize が Select2 で機能しない
select2
複数値の選択があり、ライブラリを使用して選択項目の数に制限を設定したいと考えています。
ドキュメントmaximumSelectionSize
には、オブジェクトの初期化中に設定する必要があると書かれています。残念ながら、次のコードは機能しません。
私のHTML選択ボックス:
http://jsfiddle.net/x4oqL1jr/2/
このコードの塊の何が問題なのですか?
angularjs - select2、ng-model、Angular
jquery -select2 ( ui-select ではない) と angular を使用して、値を ng-model に設定しようとしています。
と を使用してみまし$watch
たng-change
が、select2 で項目を選択した後、何も起動しないようです。
残念ながら、私は購入したテンプレートを使用しており、angular-ui を使用できません。
HTML:
クライアントコントローラー:
JQuery 統合:
どんなアドバイスでも大歓迎です!:)
アップデート
同様に問題を再現しているように見えるプランクをまとめることができました.ng -watchと$watchイベントは、最初に値を変更したときにのみ発生するように見えます。それにもかかわらず、私のコードでは (そして、コレクションに動的に追加および削除するなどの複雑さをさらに追加する場合)、一度も起動していないようです。
繰り返しになりますが、正しい方向 (または実際には任意の方向) へのポインタをいただければ幸いです。
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
しかし、それを行う方法の例が見つかりません。
助けてくれてありがとう。とても有難い。
php - ダブル
Double Codeigniter と Select2 jQuery を使用しているドロップダウン リストの正しい選択値を取得するにはどうすればよいですか?
問題: 私はこの結果を持っています エージェント 私は何かを逃しましたか?
html ビュー:
グループモデル
__getGroupsList /** * 代理店 ID に基づいてグループ リストを作成 */
AJAX コントローラー:
Javascript:
jquery-select2 - バックグラウンドでの ajax select2 データのページのロード
無限ページングを行うように設定された AJAX select2 ドロップダウン メニューがあります。私がやりたいことは、結果の最初のページをバックグラウンドでロードして、ユーザーがドロップダウンをクリックするとすぐに、最初の AJAX を待つのではなく、一連のオプションをすぐに利用できるようにすることです。電話。
これを行う方法を Google で検索すると、最初の選択を設定しようとする結果しか表示されません。これは私がやりたいことではありません。エンドポイントから結果の最初のページをプリロードして、ユーザーが AJAX 呼び出しが返されるのを待つ代わりにすぐにデータを表示するようにしたいだけです。これは可能ですか?
私のselect2セットアップコードは以下の通りです:
javascript - Select2 4.0 - キーを押しても選択がトリガーされない
Select2
バージョンからバージョン3.5.2
にアップグレードしました4.0.
タイピストが記入した多くのフィールドを持つフォームがたくさんあります。
古いバージョン ( 3.5.2
) では、タイピストは次のシーケンスを使用していました。
- 要素に焦点を当てる
- 数字を入力
- を押し
Tab
て結果を選択し、次のフィールドに移動します
バージョン4.0
では、タイピストは次のことを行う必要があります。
- 要素に焦点を当てる
- 打つ
Enter
- 番号を入力
Enter
もう一度押す- タブを押してぼかし、次のフィールドに移動します
この明らかな機能の低下を回避する方法はありますか? このバージョンではサポートされていない要素でv3.5.2
AJAX を使用しているため、頼りたくない(代わりに隠しタグを使用する必要がある)<select>
<input>
jquery-select2 - select2 のデータ属性の変更
select2 3.5.2 を使用して古いレガシー システムで作業しています。
古い隠しフィールドメソッドを使用しており、現在は次のようにデータを渡しています。
現在、data-parent をオンザフライで変更し、親 ID に応じて正しいデータを取得する小さな jquery 関数があります。これは data-parent を手動で設定すると機能しますが、jquery を介して data-parent を変更すると、select2 コンポーネントは更新されません。
たとえば、私は現在持っています:
コンソールとインスペクターで data-parent を変更していることがわかりますが、select2 はまだ元の値を渡しています。トリガーを見てきましたが、これは何もしないようです。足りないものはありますか?