jquery操作selectの詳細説明（追加、削除、クリア、値の取得などを含む）

1. 値が pxx である項目を選択します。

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

属性

の前に括弧が使用されています。 name (必須ではありません) 引用符を追加します。多くの場合、角括弧を使用するとロジックが非常に単純になります。 3. 現在選択されている項目の値を取得します

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

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

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

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

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

jquery

ではこれは非常に簡単です。

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

jQuery Selectのテキストと値を取得:

構文説明:

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

jQuery Selectのテキストと値を設定:

構文説明:

$("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
var checkValue=$("#select_id").val();  //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery 追加/

削除

Selectのオプション項目: 文法説明 ：

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
$("#select_id ").val(4);   // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jquery ラジオ値、チェックボックス値、選択値、選択されたラジオ、選択されたチェックボックス、選択された選択、および関連

ラジオで選択された項目のセットの値を取得する

var item = $('input[name= items][checked ]').val();
select で選択したアイテムのテキストを取得します
var item = $("select[name=items] option[selected]").text();
ドロップのアイテム番号を選択します-down ボックス 2 つの要素は現在選択されている値
$('#select_id')[0].selectedIndex = 1;
radio ラジオ選択グループの 2 番目の要素は現在選択されている値
$('input[name= items]').get(1).checked = true;
値の取得:
テキストボックス、テキストエリア: $("#txt").attr("value");
複数選択ボックスのチェックボックス: $("# checkbox_id").attr ("value");
ラジオ選択グループ radio: $("input[type=radio][checked]").val();
ドロップダウン ボックスの選択: $('#sel') .val();
コントロールフォーム要素:
テキストボックス、テキストエリア: $("#txt").attr("value",'');//コンテンツをクリア
$("#txt").attr( "value",'11' );//内容を入力します
複数選択ボックスのチェックボックス: $("#chk1").attr("checked",'');//チェックを外します
$("#chk2").attr ("checked", true);//チェック
if($("#chk1").attr('checked')==unknown) //チェックされているかどうかを判定
ラジオグループ radio: $("input[ type=radio] ").attr("checked",'2');//value=2 の項目を現在選択されている項目として設定します
ドロップダウン ボックスの選択: $("#sel").attr(" value",'-sel3') ;//value=-sel3 の項目を現在選択されている項目として設定します
$("11112222") .appendTo("#sel")//ドロップダウンボックスのオプションを追加します
$("#sel").empty(); //ドロップダウンボックスをクリアします

以上がjquery操作selectの詳細説明（追加、削除、クリア、値の取得などを含む）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。