ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryの操作詳細解説 select(値、設定選択)_jquery

jqueryの操作詳細解説 select(値、設定選択)_jquery

WBOY
リリース: 2016-05-16 17:01:15
オリジナル
992 人が閲覧しました

選択を操作するたびに、必ず情報を調べに行く必要がありますが、今後はここだけを見て自分でまとめてみてはいかがでしょうか。

例:

1. 値を pxx に設定した項目を選択します

$(".selector").val("pxx");

2. テキストをpxxに設定する項目を選択します

$(".selector").find("option[text='pxx']").attr("selected",true);

ここでは、角括弧の使用法を示します。角括弧内の等号の前に引用符なしで属性名が続きます。多くの場合、角括弧を使用するとロジックが非常に単純になります。

3. 現在選択されている項目の値を取得します

$(".selector").val();

4. 現在選択されている項目のテキストを取得します

$(".selector").find("option:selected").text();

ここではコロンが使用されており、その使い方をマスターして推論を行うと、コードも簡単になります。

選択のカスケードがよく使用されます。つまり、2 番目の選択の値は、最初の選択で選択された値で変化します。これはjQueryでは非常に簡単です。

例:

コードをコピー コードは次のとおりです:

$ (".selector1").change(function(){

// 2 つ目を先にクリアします

$(".selector2").empty();

// 実際のアプリケーションでは、通常、ここでの複数のオプションはループを使用して生成されます

var オプション = $("

$(".selector2").append(オプション);

});

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート