笔记 js操作select option的常用代码

悠悠 2022-06-05 19:59 216阅读 0赞

**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:**  
 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;    
         \}    
        \}

$("\#cusChildTypeId").val(text);  
    $("\#cusChildTypeId").change();  
  
**8.向select中添加一项，显示内容为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:**  
 $("\#cusChildTypeId").empty();  
 $("\#cusChildTypeId").get(0).options.length = 0;