1. 程式人生 > >html select標籤使用

html select標籤使用

本文轉自http://blog.csdn.net/dy_smile/article/details/7356564

<html:select property="note" styleClass="list-input-select" disabled="true" styleId="noteItem"

style="width:180px" onclick='checkBofore()'> 
</html:select>
  
    動態刪除select中的所有options:   
       document.getElementById("ddlResourceType").options.length=0;   
  
     動態刪除select中的某一項option:   
       document.getElementById("ddlResourceType").options.remove(indx);   
  
     動態新增select中的項option:   
       document.getElementById("ddlResourceType").options.add(new Option(text,value));   
  
     上面在IE和FireFox都能測試成功,希望以後你可以用上。   
其實用標準的DOM操作也可以,就是document.createElement,appendChild,removeChild之類的。   
  
取值方面   
    function getvalue(obj)   
    {   
        var m=obj.options[obj.selectedIndex].value   
        alert(m);//獲取value   
        var n=obj.options[obj.selectedIndex].text   
        alert(n);//獲取文字   
    }   
  
==============================================================================   
1 檢測是否有選中   
if (objSelect.selectedIndex > - 1 ) {   
// 說明選中   
} else {   
// 說明沒有選中   
}   
  
2 刪除被選中的項   
objSelect.options[objSelect.selectedIndex] = null ;   
  
3 增加項   
objSelect.add(new Option(text,value))
  
4 修改所選擇中的項   
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );   
  
5 得到所選擇項的文字   
objSelect.options[objSelect.selectedIndex].text;   
  
6 得到所選擇項的值   
objSelect.options[objSelect.selectedIndex].value; 


  
7 迴圈json資料,新增
for(var i = 0;i<data.length;i++){
   formItem.noteItem.options.add(new Option(data[i],data[i]));
}




可以使用  disabled=true/false來設定select是否可用。在disabled=false時,後臺可以取到select的資料。