jQueryを使用してテキストの説明によってドロップダウンオプションを選択する方法?

jQuery を使用したテキスト記述による選択されたドロップダウン オプションの設定

Web 開発の領域では、選択内の要素を選択しますテキストの説明に基づいた制御が頻繁に発生します。オプションを値で設定するのは簡単ですが、指定されたテキストの説明に対応する値を見つけるのは難しい場合があります。

クエリの生成

この機能は、JavaScript 変数がテキスト文字列を保持する状況から生じており、その目的は、テキストがこの文字列と一致するドロップダウン オプションを選択することです。 $("#my-select").val(myVal) 構文を利用する値ベースの選択とは異なり、このタスクにはより複雑なアプローチが必要です。

謎の解決

jQuery バージョン 1.6 以降の場合、解決策は filter() メソッドと prop() メソッドを活用することです。 filter() メソッドは、選択コントロール内のすべてのオプションを調べて、そのテキストの説明を目的の文字列と比較します。結果の要素は prop() メソッドのターゲットとなり、その selected 属性を true に設定します。

実装例

2 つのオプションを持つ選択コントロールを考えてみましょう。 「1」と「2」。次のコードは、テキストベースのアプローチを使用してテキスト「Two」のオプションを選択する方法を示しています。

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

このコードは、テキストに基づいてドロップダウン リスト内の「Two」オプションを効果的に選択します。値が分からなくても説明します。

以上がjQueryを使用してテキストの説明によってドロップダウンオプションを選択する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。