1. ホーム
  2. jquery

[解決済み] 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);