問題タブ [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.
javascript - Select2、その要素をフォーマットする方法は?
公式の API ドキュメントを読みましたが、よくわかりません。
要素をフォーマットする方法に関する select2 のコードを次に示します。
format(state)
しかし、これstate
はどういう意味ですか?の意味がよくわかりません。
ドロップダウン (連想配列からのデータ、user_id=>username) があります。ドロップダウンの結果要素をフォーマットして、ユーザーがユーザー名を選択できるだけでなく、ユーザー名の横にユーザーのアバターも表示できるようにします。
ここに私のコードのいくつかがあります...しかし、うまくいきません。
繰り返しますが、私のデータの構造は " user_id=>username
" ...何かアイデアはありますか?
jquery - ぼかしの jQuery Select2 タグ
Select2 を使用して、アプリケーションで Gmail スタイルの電子メール アドレス フィールドを作成しています。ユーザーが電子メール アドレスを入力し、その後にスペースやカンマを入れず、Enter キーや Tab キーを押さないという 1 つのケースを除いて、これはうまく機能します。たとえば、電子メール アドレスを入力した後、マウスを使用してフォームの次のフィールドを選択すると、入力した電子メール アドレスは消えてしまいます。
問題を説明するjsfiddle hereの例があります。
非表示の入力でselect2を設定する方法は次のとおりです。
select2 を設定して、onBlur が残っているものをすべて取得し、現在タグではなく、1 つにする方法はありますか?
javascript - text_field_tagのrailsjavascript
私は現在、javascript / jQueryとrailsに少し慣れており、オートコンプリートなどでタグ付けを作成するために、select2-railsでtext_field_tagを使用していました。
今はかなりうまく機能していますが、好奇心から私は
<script> alert( "hello"); </ script>
(スペースなしで)テキストボックスにアラートがポップアップ表示されます。それはかなり危険ではありませんか?そのtext_fieldでjavascriptが実行されないようにするために追加する必要があるものはありますか?
編集::これは私のtext_field_tagに適用するそのページの私のJavaScriptです:
私のテキストフィールドは単純です:
javascript - angularUI ui-select2 ディレクティブが機能しない
私はこれで頭を壁にぶつけていたので、最小限に減らしました:
index.html:
app.js:
プランカーへのリンクは次のとおりです: http://plnkr.co/edit/kXnHPzBt7apRc7EivLp8?p=preview
私はそれをうまくやっていると思いますが、初期化を拒否するだけselect2
です.
エラーは次のとおりです。
オブジェクト [[object HTMLSelectElement]] にはメソッド「is」がありません
エラーのスクリーンショットは次のとおりです。
ここで何が間違っていますか?
jquery - クリック時に select2 オプションを変更する
フォームの selectservices_dd
で select2 プラグインを使用しています。ページに class のリンクがあります.js-autoselect
。これをクリックすると、そのリンク タグの ID を取得し、クリックしたボタンに応じて select2 オプションを変更します。
value 属性は、リンクの idの<option>
属性と一致します。以下のコードは値を正常に変更していますが、select2 は更新されておらず、まだ最初の選択が表示されています。
select2を更新する方法を知っている人はいますか
asp.net-mvc - Select2 ASP.NET MVC を使用する場合に目立たない検証作業を行う
Select2 に変換された選択ボックスは、ASP.NET MVC フレームワークの控えめな検証メカニズムと自動的に統合されません。
たとえば、通常の選択ボックス (モデル定義で必須とマークされている) を含むフォームで、選択ボックスでオプションが選択されていない状態でフォームを送信すると、選択ボックスの境界線と背景が赤みを帯びた色になります。 、および @Html.ValidationMessageFor を使用することにより、エラー メッセージがあれば、ボックスの横に表示できます。ただし、選択ボックスが Select2 コンポーネントに変換されると、上記の機能はいずれも機能しなくなります。検証エラー メッセージも表示されません。
検証エラー メッセージが表示されない理由は、Select2 が元の選択ボックスの表示 CSS プロパティを none (display:none) に変更したためと思われます。田畑。
アイデア/解決策はありますか?
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デバッガーを調べると、関数を呼び出しているようで、データが送信されています。ただし、文字を入力しても何も表示されず、「検索中...」というテキストが永遠に表示されます。
誰かが同じ状況に陥った場合は、あなたの考えを共有してください。前もって感謝します。
javascript - jQuery 自体の後にレンダリングされるコードに jQuery のイベント ハンドラーを追加する方法
編集: 問題は解決されました。Select2 ライブラリには、このタイプのカスタム コマンドがありました。
Select2 3.2 というドロップダウン メニュー ライブラリを使用しています。要するに、コードは選択タグとオプション タグの束を取り、クールなドロップダウン検索リストを生成します。
ただし、サイトがレンダリングされた後。「ソースを表示」をクリックすると、すべての選択タグとオプションタグがまだそこにありますが、新しく生成された派手なメニュー自体を右クリックして「要素を検査」を選択すると(Google Chromeを使用)、htmlはまったく異なります.
これが問題を引き起こしていると思います。この新しいコードはすべて、カスタム ライブラリの JS からレンダリングされ、jQuery イベント コマンドの後にレンダリングされます。
具体的には、ここに私のコマンドがあります:
私は on() メソッドがこの種のものを処理すると信じていますが、どうやらそうではないようです。
関連する編集:これは別のスタックオーバーフロー投稿からの宣伝文句です:
それを知っていると、おそらくこれを解決するのが簡単になります。
これはJS Fiddle関連です:
マルチバーの「x」をクリックすると、アラート「機能しました」が表示されるようにしてください。現在、私のコードでは、x を含むクラスを登録する必要があります。