問題タブ [jquery-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 投票する
1 に答える
2551 参照

javascript - Select2、その要素をフォーマットする方法は?

公式の API ドキュメントを読みましたが、よくわかりません。

要素をフォーマットする方法に関する select2 のコードを次に示します。

format(state)しかし、これstateはどういう意味ですか?の意味がよくわかりません。


ドロップダウン (連想配列からのデータ、user_id=>username) があります。ドロップダウンの結果要素をフォーマットして、ユーザーがユーザー名を選択できるだけでなく、ユーザー名の横にユーザーのアバターも表示できるようにします。

ここに私のコードのいくつかがあります...しかし、うまくいきません。

繰り返しますが、私のデータの構造は " user_id=>username" ...何かアイデアはありますか?

0 投票する
4 に答える
6164 参照

jquery - ぼかしの jQuery Select2 タグ

Select2 を使用して、アプリケーションで Gmail スタイルの電子メール アドレス フィールドを作成しています。ユーザーが電子メール アドレスを入力し、その後にスペースやカンマを入れず、Enter キーや Tab キーを押さないという 1 つのケースを除いて、これはうまく機能します。たとえば、電子メール アドレスを入力した後、マウスを使用してフォームの次のフィールドを選択すると、入力した電子メール アドレスは消えてしまいます。

問題を説明するjsfiddle hereの例があります。

非表示の入力でselect2を設定する方法は次のとおりです。

select2 を設定して、onBlur が残っているものをすべて取得し、現在タグではなく、1 つにする方法はありますか?

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

javascript - text_field_tagのrailsjavascript

私は現在、javascript / jQueryとrailsに少し慣れており、オートコンプリートなどでタグ付けを作成するために、select2-railsでtext_field_tagを使用していました。

今はかなりうまく機能していますが、好奇心から私は

<script> alert( "hello"); </ script>

(スペースなしで)テキストボックスにアラートがポップアップ表示されます。それはかなり危険ではありませんか?そのtext_fieldでjavascriptが実行されないようにするために追加する必要があるものはありますか?

編集::これは私のtext_field_tagに適用するそのページの私のJavaScriptです:

私のテキストフィールドは単純です:

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

javascript - angularUI ui-select2 ディレクティブが機能しない

私はこれで頭を壁にぶつけていたので、最小限に減らしました:

index.html:

app.js:

プランカーへのリンクは次のとおりです: http://plnkr.co/edit/kXnHPzBt7apRc7EivLp8?p=preview

私はそれをうまくやっていると思いますが、初期化を拒否するだけselect2です.

エラーは次のとおりです。

オブジェクト [[object HTMLSelectElement]] にはメソッド「is」がありません

エラーのスクリーンショットは次のとおりです。

ここに画像の説明を入力

ここで何が間違っていますか?

0 投票する
4 に答える
26586 参照

jquery - クリック時に select2 オプションを変更する

フォームの selectservices_ddで select2 プラグインを使用しています。ページに class のリンクがあります.js-autoselect。これをクリックすると、そのリンク タグの ID を取得し、クリックしたボタンに応じて select2 オプションを変更します。

value 属性は、リンクの idの<option>属性と一致します。以下のコードは値を正常に変更していますが、select2 は更新されておらず、まだ最初の選択が表示されています。

select2を更新する方法を知っている人はいますか

0 投票する
4 に答える
6315 参照

asp.net-mvc - Select2 ASP.NET MVC を使用する場合に目立たない検証作業を行う

Select2 に変換された選択ボックスは、ASP.NET MVC フレームワークの控えめな検証メカニズムと自動的に統合されません。
たとえば、通常の選択ボックス (モデル定義で必須とマークされている) を含むフォームで、選択ボックスでオプションが選択されていない状態でフォームを送信すると、選択ボックスの境界線と背景が赤みを帯びた色になります。 、および @Html.ValidationMessageFor を使用することにより、エラー メッセージがあれば、ボックスの横に表示できます。ただし、選択ボックスが Select2 コンポーネントに変換されると、上記の機能はいずれも機能しなくなります。検証エラー メッセージも表示されません。
検証エラー メッセージが表示されない理由は、Select2 が元の選択ボックスの表示 CSS プロパティを none (display:none) に変更したためと思われます。田畑。

アイデア/解決策はありますか?

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

asp.net-mvc-3 - Jquery Select2 を ASP MVC 3 で動作させる方法

最近、ASP MVC ActionResult からデータを取得する ajax コールバックを実現しようとして、Jquery Select2 ( Select2 ) に苦労しています。

これは私のHTMLコードです:

そして、これはjsコードです:

GetCountries 関数は非常に単純で、検索語句に一致する国を返すだけです。これは、「united」という用語を検索する場合のサンプルです。

フォーマットを application/json から text に前後に変更しようとしましたが、成功しませんでした。関数が返すjsonに何かが欠けていると思いますが、3時間経っても、ここで何が問題なのかわかりません。

ネットワークタブのChromeデバッガーを調べると、関数を呼び出しているようで、データが送信されています。ただし、文字を入力しても何も表示されず、「検索中...」というテキストが永遠に表示されます。

誰かが同じ状況に陥った場合は、あなたの考えを共有してください。前もって感謝します。

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

javascript - フォーマッタによって追加された jQuery Select2 値を検索可能にする

select2でフォーマッタを使用しているので、2 つの要素 ( code / description ) を適切に配置できますが、プラグインは説明のみを検索しているようで、コード / 説明をテキスト全体として見ていません。

<option/>おそらく、後で追加されるものではなく、元の内部の内容のみを検索するためです。

HTML

JS

ここでフィドル

誰でもこれを回避する方法を知っていますか?

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

javascript - jQuery 自体の後にレンダリングされるコードに jQuery のイベント ハンドラーを追加する方法

編集: 問題は解決されました。Select2 ライブラリには、このタイプのカスタム コマンドがありました。

Select2 3.2 というドロップダウン メニュー ライブラリを使用しています。要するに、コードは選択タグとオプション タグの束を取り、クールなドロップダウン検索リストを生成します。

ただし、サイトがレンダリングされた後。「ソースを表示」をクリックすると、すべての選択タグとオプションタグがまだそこにありますが、新しく生成された派手なメニュー自体を右クリックして「要素を検査」を選択すると(Google Chromeを使用)、htmlはまったく異なります.

これが問題を引き起こしていると思います。この新しいコードはすべて、カスタム ライブラリの JS からレンダリングされ、jQuery イベント コマンドの後にレンダリングされます。

具体的には、ここに私のコマンドがあります:

私は on() メソッドがこの種のものを処理すると信じていますが、どうやらそうではないようです。

関連する編集:これは別のスタックオーバーフロー投稿からの宣伝文句です:

それを知っていると、おそらくこれを解決するのが簡単になります。

これはJS Fiddle関連です:

http://jsfiddle.net/JpvDt/47/

マルチバーの「x」をクリックすると、アラート「機能しました」が表示されるようにしてください。現在、私のコードでは、x を含むクラスを登録する必要があります。