js二级联动框的选定项设置为cooks中的值
新手请教问题：js读取cooks后，如何把二级联动框里面的选定项设置为cooks中的值？100积分求这个源码----把二级联动框里面的选定项设置为从cooks中读取的值，...
新手请教问题：js读取cooks后，如何把二级联动框里面的选定项设置为cooks中的值？ 100积分求这个源码----把二级联动框里面的选定项设置为从cooks中读取的值，奉上200积分求源码~！
展开
展开全部
使用循环，创建option，并设置text和value属性。option是select的子节点。
第一级的select没有初始化，这只是个样例代码，为了说明如何更新二级的选项。
<!DOCTYPE html>
<html>
<head>
<title>HTML模板</title>
<meta charset="UTF-8"/>
<style type="text/css">
</style>
<script>
var arrs=[[1,2,3,4,5,6],['a','b','c','d']];
function updateSelect(first){
var second=document.getElementById("second");
second.innerHTML="";//清空二级select的选项
var i;
for(i=0;i<arrs[first.value].length;i++){
second[i]=new Option();
second[i].text=arrs[first.value][i];
second[i].value=arrs[first.value][i];
}
}
</script>
</head>
<body>
<select id="first" onchange="updateSelect(this)">
<option value="0">数字</option><option value="1">字母</option>
</select>
<select id="second">
<option></option>
</select>
</body>
</html>
更多追问追答
追问
大佬，我需要的是读取cooks后，如何把----第二个关联框的值设为cooks中的值。
比如第二个关联框有a,b,c,d, 而在cooks中第二个下拉框的值为b，如何把关联框的值设为b（cooks中是a，关联框就是显示a；cooks中是c，关联框就显示c，如下图
）
追答
你不说明白cooks是什么，我还以为cooks是第二个下拉框的取值集合呢。
遍历二级框的选项，和cooks比较，找到相等的那个选项，然后设置那个选项的selected属性为true
也可以直接设置select的值是cooks的值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用循环，创建option，并设置text和value属性。option是select的子节点。
追问
请问一下大佬，可以给代码吗？才开始学习，新手水平很菜
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
