<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>
for(var i=0i<ctrl2.options.lengthi++){
ctrl2.removeChild(ctrl2.options[i])
}
这一句，你取得是ctrl2.options.length，当你删除一项的时候，这个数值减一，所以不可能完全删除。
在此基础上的修改是：
for(var i=0i<ctrl2.options.length)
{
ctrl2.removeChild(ctrl2.options[i])
}
JS动态给select的option赋值的具体操作步骤如下：
1、首先我们打开JS软件，点击界面左上角file选项目录下的new选项，再选择java project 新建web项目操作。
2、操作上图后进入下图界面，输入项目名点击下一步直到完成。
3、建立完成后，项目结构如下图。
4、在超链接中设置调用函数用于更新option，代码如下图红框所选。
5、在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。
6、最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。
