jQueryの値に基づいてオプションテキストを取得する方法?

jQuery で値によるオプション テキストの取得

Web 開発の領域では、要素から特定の情報を抽出するのは一般的なタスクです。 jQuery では、セレクターの機能を活用して、これを簡単に実行できます。

次のように定義されたドロップダウン リストがあるシナリオを考えてみましょう。

<code class="html"><select id="list">
    <option value="1">Option A</option>
    <option value="2">Option B</option>
    <option value="3">Option C</option>
</select></code>

目的は、選択されているかどうかに関係なく、特定の値 (「2」など) を含むオプションのテキスト。 「$("#list[value='2']").text();」のようなセレクターを使用する望ましい結果は得られません。

解決策 1: 特定のオプションをターゲットにする

特定の値を持つオプションのテキストを取得するには、次のセレクターを使用します。

<code class="javascript">$("#list option[value='2']").text();</code>

解決策 2: 選択されたオプションを取得する

または、現在選択されているオプションのテキストを取得したい場合は、次のセレクターを使用します:

<code class="javascript">$("#list option:selected").text();</code>

これらのセレクターを活用すると、必要なオプション テキストを簡単に抽出でき、Web アプリケーションを正確に制御できるようになります。

以上がjQueryの値に基づいてオプションテキストを取得する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。