html select標籤使用
阿新 • • 發佈:2019-01-22
本文轉自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的資料。