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

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

例:

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 オプション = $("").val(1).text("pxx");

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

});