JS动态给select的option赋值的具体 *** 作步骤如下：
1、首先我们打开JS软件，点击界面左上角file选项目录下的new选项，再选择java project 新建web项目 *** 作。
2、 *** 作上图后进入下图界面，输入项目名点击下一步直到完成。
3、建立完成后，项目结构如下图。
4、在超链接中设置调用函数用于更新option，代码如下图红框所选。
5、在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。
6、最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。
java 代码 是后台执行 , 在前台 是无法执行的 ,
如果要从后台获取数据 要使用ajax的方式 在回调函数里面增加选项
function addOneOption(){$ajax({
url:url,
success:function(data){
var optionlist = eval('(' +data + ')')
var selectObj=document.getElementById("user_dm")
var option = document.createElement("option")
for(var t = 0 t < optionlist.lengtht++)
{
option.value=optionlist[t]
option.innerHTML = t
selectObj.appendChild(option)
}
},
})
var selectObj=document.getElementById("user_dm")
var option = document.createElement("option")
for(var t = 0 t < optionlist.lengtht++)
{
option.value=optionlist[t]
option.innerHTML = t
selectObj.appendChild(option)
}
</script>
====================================
<body>
<select id="user_dm" name="user_dm">
</select><br>
<input type="button" onClick="addOneOption()" value="添加">
</body>
先获取到父页面才可以var select= window.parent.window.document.getElementById("aaa")
var newOption = document.createElement("option")-----------(1)
select.options.add(newOption)
newOption.value = "日"
newOption.text = "日"
var newOption2 = document.createElement("option")-----------(2)
select.options.add(newOption2)
newOption2.value = "月"
newOption2.text = "月"
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）