選択を操作するたびに、必ず情報を調べに行く必要がありますが、今後はここだけを見て自分でまとめてみてはいかがでしょうか。
例:
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では非常に簡単です。
例:
// 2 つ目を先にクリアします
$(".selector2").empty();
// 実際のアプリケーションでは、通常、ここでの複数のオプションはループを使用して生成されます
var オプション = $("
$(".selector2").append(オプション);
});