jquery操作 select (値、選択されたセット)

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

例:

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(){
     // 先清空第二个
      $(".selector2").empty();
     // 实际的应用中，这里的option一般都是用循环生成多个了
      var option = $("<option>").val(1).text("pxx");
      $(".selector2").append(option);
});

以上がjquery操作 select (値、選択されたセット)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。