首頁 > web前端 > js教程 > 主體

設定取得Select常用方法匯總

伊谢尔伦
發布: 2017-06-19 16:16:43
原創
1616 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!