ホームページ >ウェブフロントエンド >jsチュートリアル >Select の一般的な設定および取得方法のまとめ

Select の一般的な設定および取得方法のまとめ

伊谢尔伦
伊谢尔伦オリジナル
2017-06-19 16:16:431642ブラウズ

1. select で選択されたテキストを取得します:
$("#cusChildTypeId").find("option:selected").text();
$("#cusChildTypeId option:selected").text()

2 . select で選択された値を取得します:
$("#ddlRegType ").val();

3. select で選択された index を取得します $("#ddlRegType ").get(0).selectedIndex;

4 .選択項目の数を取得します
$("#cusChildTypeId").get(0).options.length

5. 選択された選択のインデックスを設定します:
$("#cusChildTypeId").get(0) ).selectedIndex=index;//index はインデックス値です

6. select の値を設定します:
$("#cusChildTypeId").attr("value","Normal");
$("#cusChildTypeId ").val(" Normal");
$("#cusChildTypeId").get(0).value = "Normal";

7. 選択したテキストを設定:
1>.

var count=$("#cusChildTypeId").get(0).options.length;
 for(var i=0;i<count;i++)  
 {           
  if($("#cusChildTypeId").get(0).options.text == text)  
   {  
   $("#cusChildTypeId").get(0).options.selected = true;
   break;  
   }  
 }

2>.

$("#cusChildTypeId").val(text);
$("#cusChildTypeId").change();

8. 選択する項目を追加します。表示される内容はテキストで、値は value です

$("#cusChildTypeId").get(0).options.add(new Option(text,value));

9.

var count = $("#cusChildTypeId").size();           
  for(var i=0;i<count;i++)   
  {   
     if($("#cusChildTypeId").get(0).options[i].value == value)   
     {   
       $("#cusChildTypeId").get(0).remove(i);   
        break;   
     }
  }
の項目を削除します10.選択をクリアします:

1> $("#cusChildTypeId").empty();

2>。 .options.length = 0;


例:

$("document").ready(function(){
$("#btn1").click(function(){
$("[name=&#39;checkbox&#39;]").attr("checked",&#39;true&#39;);//全选
})
$("#btn2").click(function(){
$("[name=&#39;checkbox&#39;]").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name=&#39;checkbox&#39;]:even").attr("checked",&#39;true&#39;);//选中所有奇数
})
$("#btn4").click(function(){
$("[name=&#39;checkbox&#39;]").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",&#39;true&#39;);
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name=&#39;checkbox&#39;][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})

以上がSelect の一般的な設定および取得方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。