<html>
<head>
<title>new document </title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function(){
var obj = document.getElementById('obj')
// 添加选项
for(var i=0i<5i++){
var opt = new Option('显示文本' + i,'选项值' + i)
obj.add(opt,undefined)
}
// 删除选项
obj.remove(4)//移除第五项
// 设置被选中项
obj.selectedIndex = 2// 选中第三项
obj.value = '选项值1'// 选中值为选项值1的那一项
// 获取下拉框的值
alert(obj.value)
alert(obj.options[obj.selectedIndex].value)
alert(obj.options[obj.selectedIndex].text)
// 清空下拉列表
obj.options.length = 0
}
//-->
</SCRIPT>
<body>
<select id="obj"></select>
</body>
</html>
思路:
获取select标签元素。
选出select下面的option项。
替换option里的内容,或是删除option。
代码:
<script>window.onload=function(){
var oSel = document.getElementById('sel')
var oOpt = new Option('123','abc')
oSel.appendChild(oOpt) //添加一个option
oSel.removeChild(oOpt) //删除一个option
}
</script>
</head>
<body>
<select id="sel">
<option>1234</option>
</select>