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" οnclick='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的数据。