-
问题内容：问个下拉列表框问题
- 原讨论链接：http://community.csdn.net/expert/topicview1.asp?id=5171748
- 所属论坛：Web 开发
审核组：JAVA
- 提问者：jacky_ka
解决者：
- 感谢：AHUA1001
- 关键字：Java Web 开发 select option 框 value html newopt document.createelement f.s2.add newopt.text newopt.value
- 答案：
有两个下拉列表框，选择第一个列表框时触发一个事件，使得第二个列表框加载相应的数据进去，这些数据都是从数据库中得到。
程序应该怎样写呢？
---------------------------------------------------------------
我的代码可以直接运行。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script>
function an(){
l = f.s2.length ;
for (var i=0;i<l;i++){
f.s2.remove(0);
}
if(f.s1.value=="1"){
newOpt=document.createElement("OPTION");
newOpt.value="1";
newOpt.text="1";
f.s2.add(newOpt);
newOpt=document.createElement("OPTION");
newOpt.value="11";
newOpt.text="11";
f.s2.add(newOpt);
newOpt=document.createElement("OPTION");
newOpt.value="111";
newOpt.text="111";
f.s2.add(newOpt);
}
if(f.s1.value=="2"){
newOpt=document.createElement("OPTION");
newOpt.value="2";
newOpt.text="2";
f.s2.add(newOpt);
newOpt=document.createElement("OPTION");
newOpt.value="22";
newOpt.text="22";
f.s2.add(newOpt);
newOpt=document.createElement("OPTION");
newOpt.value="222";
newOpt.text="222";
f.s2.add(newOpt);
}
if(f.s1.value=="3"){
newOpt=document.createElement("OPTION");
newOpt.value="3";
newOpt.text="3";
f.s2.add(newOpt);
newOpt=document.createElement("OPTION");
newOpt.value="33";
newOpt.text="33";
f.s2.add(newOpt);
newOpt=document.createElement("OPTION");
newOpt.value="333";
newOpt.text="333";
f.s2.add(newOpt);
}
}
</script>
<body>
<form name="f" method="post" action="">
<select name="s1" onChange = "an()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="s2">
<option value="1">1</option>
<option value="11">11</option>
<option value="111">111</option>
</select>
<select name="select">
</select>
</form>
</body>
</html>
- 评价：
给朵鲜花（0）
扔个鸡蛋（1）
