[解決済み] jQueryでDropdownの選択インデックスを設定する
2022-04-20 09:35:31
質問
jQueryでドロップダウンのインデックスを設定するには、コントロールを見つける方法が次のようになる場合、どうすればよいですか。
$("*[id$='" + originalId + "']")
私はコントロールを動的に作成しているので、この方法でやっています。Webフォームを使用するとidが変更されるので、私はいくつかのコントロールを見つけるための回避策としてこれを見つけました。しかし、jQueryオブジェクトを取得した後、selected indexを0に設定する方法がわかりません。
解決方法は?
まず第一に、このセレクタはかなり遅いです。 すべてのDOM要素をスキャンして、IDを探します。 もし要素にクラスを割り当てることができれば、パフォーマンスへの打撃は少なくなります。
$(".myselect")
質問に対する答えですが、jQueryでselect要素の値を変更するにはいくつかの方法があります。
// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0');
// sets selected index of a select box to the option with the value ""
$("select#elem").val('');
// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;
// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);
関連
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] jQuery ドロップダウンから選択されたオプションを取得する
-
[解決済み] 選択オプション「selected」を値で設定する
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] セレクトした要素の外側のHTMLを取得する
-
[解決済み] jQuery - セレクトコントロールの選択値をテキスト記述で設定する
-
[解決済み] Electron: jQueryが定義されていない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] WebKit の event.layerX と event.layerY に関する問題
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?