jqueryでオプションが選択されているかどうかを確認する方法

jquery がオプションが選択されているかどうかを判断する方法: まず、オプションは select に属し、select の値は jquery を通じて取得できます。次に、select の下の各オプションを比較することで、次のいずれかを判断できます。それが選択されます。

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

推奨: jquery ビデオ チュートリアル

オプションが選択されているかどうかを判断する jquery メソッド:

オプションは select に属しており、次のことができます。 jquery を介して渡される select の値を取得し、select の下の各オプションを比較して、選択されているかどうかを判断します。

var selectValue = $('select').val();
$('select option').each(function(ele,index){
    if($(ele).attr('value') == selectValue){
        alert('被选中');
    }
});

説明:

1. val() メソッド

val() メソッドは、選択された値を返すことができます。 element 属性。最初に一致した要素の value 属性の値を返します。

注: val() メソッドは通常、HTML フォーム要素で使用されます。

2. Each() メソッド

each() メソッドは、一致する要素ごとに実行される関数を指定します。

ヒント: false を返すと、ループを早期に停止することができます。

3. attr() メソッド

attr() メソッドは、選択した要素の属性と値を設定または返します。

このメソッドを使用して属性値を返すと、最初に一致した要素の値が返されます。

このメソッドを使用して属性値を設定すると、一致する要素に対して 1 つ以上の属性/値のペアが設定されます。

関連する無料学習の推奨事項: javascript(ビデオ)

以上がjqueryでオプションが選択されているかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。