<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>
JS动态给select的option赋值的具体操作步骤如下：
1、首先我们打开JS软件，点击界面左上角file选项目录下的new选项，再选择java project 新建web项目操作。
2、操作上图后进入下图界面，输入项目名点击下一步直到完成。
3、建立完成后，项目结构如下图。
4、在超链接中设置调用函数用于更新option，代码如下图红框所选。
5、在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。
6、最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。
