jQuery を使用してドロップダウン リストで特定の値を選択するにはどうすればよいですか?

jQuery を使用したドロップダウン リストでの特定の値の選択

ドロップダウンの値の設定で問題が発生していますjQueryを使ってリストを作成します。 document.getElementById() と .value を使用した JavaScript の例は機能しますが、クラスベースのセレクターの制約のため、jQuery を使用する必要があります。

ドロップダウン リスト用の jQuery の .val() メソッド

jQuery の .val() メソッドは複数の目的を果たします。ドキュメントによると、値の取得と要素への割り当ての両方を行います。ドロップダウン リストの場合、指定された値に基づいてオプションをチェックまたは選択します。

解決策:

ドロップダウン リストで特定の値を選択するには、次のように .val() を使用できます:

$("._statusDDL").val('2');

これにより、値 '2' がドロップダウンに割り当てられます。リスト。ただし、フロントエンドで変更を視覚的に反映するには、.val() の後に .change() を追加できます:

$("._statusDDL").val('2').change();

「無効なインデックス」エラーへの対処

提案に従ってコードを調整した後、「無効なインデックス」エラーが発生しました。これは、Internet Explorer 6 が使用されていることが原因であると考えられます。 jQuery のドキュメントのメモ:

IE6/7 では、HTML 4 ドキュメントまたは text/html として宣言されたコンテンツ タイプのプレフィックス「i」を使用して select-one を変更することはできません。

この問題を解決するには、ドキュメントが XHTML として宣言されていること、および適切なプレフィックスを使用していることを確認してください。さらに、 .prop('selectedIndex', 2) または .prop('value', '2') を使用して、選択したインデックスまたは値をそれぞれ設定してみることもできます。

以上がjQuery を使用してドロップダウン リストで特定の値を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。