关于2个select联动的问题
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE3 {color: #0099FF}
-->
</style>
<script>
var obj=new Array();
var n=new Array();
var array1=new Array(1,2,3,4,5);
var name1=new Array("0001","0002","0003","0004","0005");
var array2=new Array(2,11,12,13,14);
var name2=new Array("0010","0011","0012","0013","0014");
obj[0]=array1;
obj[1]=array2;
n.push(name1);
n.push(name2);
var str;
var op;
function selectname(value){
for(var i=0;i<obj.length;i++){
if((obj[i][0]+"")==value){
str="";
edf.innerHTML="";
for(var j=1;j<obj[i].length;j++){
// op=document.createElement("option");
// op.value=obj[i][j];
// op.text=n[i][j];
// edf.add(op);
str=str+"<option value='"+obj[i][j]+"'> "+n[i][j]+" </option>";
}
// alert(str);
// edf.innerHTML="";
edf.innerHTML=str;//str;
// alert(edf.innerHTML);
break;
}
}
}
</script>
</head>
<body>
<select name="abc" style="width:100%" onchange="selectname(this.value)">
<option value="1">1</option><br>
<option value="2">2</option>
</select>
<select name="edf" style="width:100%">
<option value="abc">abc</option>
</select>
</body>
</html>
<script>
selectname(abc.value);
</script>
把函数改成这样就可以了,这是怎么回事
改成:
function selectname(value){
for(var i=0;i<obj.length;i++){
if((obj[i][0]+"")==value){
str="";
edf.innerHTML="";
for(var j=1;j<obj[i].length;j++){
op=document.createElement("option");
op.value=obj[i][j];
op.text=n[i][j];
edf.add(op);
// str=str+"<option value='"+obj[i][j]+"'> "+n[i][j]+" </option>";
}
// alert(str);
// edf.innerHTML="";
// edf.innerHTML=str;//str;
// alert(edf.innerHTML);
break;
}
}
}