首頁 > 文章 > web前端 > 設定取得Select常用方法匯總

設定取得Select常用方法匯總

伊谢尔伦原創: 2017-06-19 16:16:431617瀏覽

1.取得select 選取的text:
$("#cusChildTypeId").find("option:selected").text();
$("#cusChildTypeId option:selected").text ()

2.取得select選取的value：
$("#ddlRegType ").val();

3.取得select選取的索引

## :### $("#ddlRegType ").get(0).selectedIndex;######4.得到select項目的個數 ### $("#cusChildTypeId").get(0).options .length######5.設定select 選取的索引：### $("#cusChildTypeId").get(0).selectedIndex=index;//index為索引值######6.設定select 選取的value：### $("#cusChildTypeId").attr("value","Normal");### $("#cusChildTypeId").val("Normal $ ("#cusChildTypeId").get(0).value = "Normal";#######7.設定select 選取的text:### 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.新增一項，顯示內容為text，值為value ### $("#cusChildTypeId").get(0).options.add(new Option(text,value)) ;######9.###刪除###select中值為value的項目 ###

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.清除Select:### 1>. $("#cusChildTypeId").empty ();### 2>. $("#cusChildTypeId").get(0).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中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jQuery中select操作實例方法詳解下一篇：jQuery中select操作實例方法詳解

看更多