JS动态给select的option赋值的具体 *** 作步骤如下:
1、首先我们打开JS软件,点击界面左上角file选项目录下的new选项,再选择java project 新建web项目 *** 作。
2、 *** 作上图后进入下图界面,输入项目名点击下一步直到完成。
3、建立完成后,项目结构如下图。
4、在超链接中设置调用函数用于更新option,代码如下图红框所选。
5、在change函数中获取seclect项,获取option的数量,遍历option获取选中的option更新选中项。
6、最后看一下运行的效果,此时我们可以动态输入数值给select的option赋值。
触发获取动态数据的方法获取动态数据list
清除select下面所有的选项
把获取的数据append到select下面
$('#id).change(function(){
var val = this.value
document.getElementById("selectId").options.length = 0
if(val != null &&val != ''){
$.post(url, {"temp": val}, function(data){
if(data != null &&data.length >0){
for(var i=0i<data.lengthi++){
var o = data[i]
$("#selectId").append("<option value='"+o[0]+"'>"+o[1]+"</option>")
}
}
$("#selectId").selectmenu('refresh', true)//jqm 是动态加载的css 所以新增元素后 需要手动加载样式
})
}
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)