問題タブ [jquery-select2-4]

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

javascript - jquery select2 v4 - select 要素のデフォルト オプションを選択

私はselect2 v4<select>を使用しています。ここでは、select2を ajax メソッドを使用して要素に接続しています。ロード時に選択した値をデフォルトにできないことを除いて、すべて正常に動作します。

例のページには次のように書かれています。

デフォルトの選択を提供する必要がある場合は、表示する値とテキストを含む各選択のオプションを含めるだけです。

このコードでは、値をデフォルトで「foo」にします。

マークアップ:

このマークアップは、Rails ビュー (users/edit.html.erb) によって生成されます。

users.js.erb の JavaScript:

select2 で生成されたマークアップで、スパンにはtitle値が設定された属性があるが、実際のスパン テキストは空であることがわかります。

initSelection私はまた、役に立たない他の非推奨の方法を試しました:

私はまた、役に立たなかった後にこの行を追加しようとしました:

同様の質問に対する多くの回答を見てきましたが、私のシナリオではうまくいきません。select2 v4を使用しているためだと思います。私が読んだ他のほとんどの回答は、 -initSelectionと組み合わせて使用​​する必要があると言っていますvalが、これらの他の例では常に.<input>ではなく要素を使用してい<select>ます。減価償却された最新のドキュメントに注意してください。initSelection代わりにDataAdaptercurrentのメソッドを使用する必要がありますが、これを上記のコードにどのように適用するかわかりませんか?

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

jquery - Select2 v4.x に ajax を設定できません

私は select2 の最新バージョン (バージョン 4) を使用しています。AJAX 経由でリクエストを行うことができ、応答が正常であることを既に確認しています。ただし、選択は、検索で見つかった結果をオプションに入力していません。おそらく何か不足していますが、わかりません。コードは次のとおりです。

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

jquery - select2 v4 Ajaxのクローンを作成する方法

Select2 ver4 jquery プラグインで AJAX 呼び出しを実行しようとしています。 Select2 サンプル ページの Loading remote data を使用して、select2 ツールを含む select のクローンを作成しようとしています。ただし、クローン作成時にselect2ドロップダウンが無効になりました。

HTML コード

jQuery コード

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

jquery - Select2 v4 クローンはデータを渡さない

Select2 ver4 jquery プラグインと Select2 サンプル ページの Loading remote data を使用して AJAX 呼び出しを実行しようとしています。select2 ツールを含む select のクローンを作成しようとしています。 質問 クローン選択の前に、良いアドバイザーによってすでに機能しています!!ありがとう!!

ただし、新しい AJAX(test.php) を使用すると、clone 要素が機能しません。

HTMLコード

jQuery コード

test.php コード

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

jquery - Select2 v4 AJAX を使用して結果をページ分割する方法

Select2 4.0 を使用して結果 (25 行ごと) をページ付けしようとしていますが、それを達成する方法がわかりません。誰かがそれを行う方法を知っていますか?

ユーザーが 25 行の終わりに達し、さらに行がある場合は、それを読み込んで表示したいと思います。

ここに私のHTMLテンプレートがあります

Select2 の JavaScript は次のとおりです。

そして、これは私がコントローラー用に持っているコードです

また、入れようとparams.pageすると「未定義」と表示されます。

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

javascript - Select2 4.0を使用してドロップダウンメニューを左に開く方法

画面が小さすぎる場合にドロップダウンボックスを左に開くjsfiddleの例を見ました:

元のスニペットはこちら:

select2 4.0 フルバージョンを使用していますが、同じ動作をしたいと考えています。さらに、ドロップダウン ボックスも常に左に開くようにしたいのですが、コードは同じですが、ライブラリのバージョンが異なるため、それを実現できません。

ここで質問を検索して読みましたが、ページが小さすぎるときにドロップダウンがドロップアップに切り替わらないようにする方法しか見つかりませんでした。それは私が探しているものではありません.

どうすればこれを達成できますか?

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

php - select2でActiveDataProviderを使用するには?

Yii2 検索モデルで jquery-select2 (リモート データの読み込み) プラグインを使用しようとしています。現時点では、コントローラーは検索モデルから作成された $dataProvider を返します。ただし、select2 がドロップダウンの作成に使用できる形式ではないことは明らかです。

2 つを連携させるには、$dataProvider または select2 に対して何をする必要がありますか?

私の見方では、2つのオプションがあります:

  1. $dataProvider から 'cat_name' を抽出し、select2 が使用できる形式にします。
  2. $dataProvider の読み方を select2 に教えます。

2 をどのように行うかはわかりませんが、「タグ付け」機能の実装が難しくなると思われるため、1 に傾いています。

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

これが私のコードです:

コントローラ側

JS側