jQueryを使用してテキストの説明によって選択コントロールの選択された値を設定するにはどうすればよいですか?

jQuery: テキストの説明による選択コントロールの選択値の設定

このシナリオでは、選択コントロールの選択値を設定します。 jQuery を使用して、値ではなくテキストの説明に基づいてコントロールを選択します。 $("#my-select").val(myVal) を使用して値で設定するのは簡単ですが、テキストの説明を使用してその方法を探します。

jQuery バージョン 1.6 以降の場合は、次のことができます。次のアプローチを活用します:

<code class="js">var text1 = 'Two';
$("select option").filter(function() {
  // May want to use $.trim in here
  return $(this).text() == text1;
}).prop('selected', true);</code>

このソリューションは、フィルター関数を利用して、テキスト ノードをトラバースすることにより、一致するテキストを持つオプション要素を選択します。次に、一致する要素の selected プロパティを true に設定し、事実上、選択されたオプションとして設定します。

以上がjQueryを使用してテキストの説明によって選択コントロールの選択された値を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。