您当前的位置:
又一个下拉列框问题，急！！！
有两个级联的下拉列框，和A,B两个表。第一个下拉列框有A,B两个选项，起代码如下：
<select nane="selectAB">
<option value="0">请选择</option>
<option value="1">A</option>
<option value="2">B</option>
</select>
选择A或B后第二个下拉列框会分别列出A或B表的内容。请大家指教应怎样写，多谢了！
------解决方案--------------------
http://community.csdn.net/Expert/topic/3356/3356831.xml?temp=.2834741
------解决方案--------------------
有两种方法解决这个问题，第一数组法，把A和B表的子集都存在数组里，然后onchange时执行JS读取来实现，还有一种方法是把option值也作为参数提交到本页，提交时触发事件，来实现功能。
------解决方案--------------------
<html>
<head>
<title>New Page 1</title>
</head>
<body>
<form method="POST" name="form1" action="--WEBBOT-SELF--">
<p><select size="1" name="select_1" onchange="javascript:select2_fun();">
</select><select size="1" name="select_2">
</select></p>
</form>
</body>
<script>
//定义两个数组,其中optionA_var为表列,optionB_var为列中数据
var optionA_var=new Array();
var optionB_var=new Array();
optionA_var[optionA_var.length]="A";
optionB_var["A"]=new Array();
optionB_var["A"][optionB_var["A"].length]="a";
optionB_var["A"][optionB_var["A"].length]="b";
optionB_var["A"][optionB_var["A"].length]="c";
optionB_var["A"][optionB_var["A"].length]="d";
optionB_var["A"][optionB_var["A"].length]="e";
optionB_var["A"][optionB_var["A"].length]="f";
optionA_var[optionA_var.length]="B";
optionB_var["B"]=new Array();
optionB_var["B"][optionB_var["B"].length]="1";
optionB_var["B"][optionB_var["B"].length]="2";
optionB_var["B"][optionB_var["B"].length]="3";
optionB_var["B"][optionB_var["B"].length]="4";
optionB_var["B"][optionB_var["B"].length]="5";
optionB_var["B"][optionB_var["B"].length]="6";
//定义生成select_1列表框
function select1_fun()
{
for(var i=0;i<optionA_var.length;i++)
{
form1.select_1.options[form1.select_1.options.length]=new Option(optionA_var[i],optionA_var[i]);
}
}
//当slect_1选项改变时,select_2列表框随之改变
function select2_fun()
{
//获取当前选项
var select_var=form1.select_1.options[form1.select_1.options.selectedIndex].value
//清空select2列表框中所有内容
while (form1.select_2.options[0]!=null)
{form1.select_2.options[0]=null}
//将数组值入列表框中
for (var i=0;i<optionB_var[select_var].length;i++)
{
form1.select_2.options[form1.select_2.options.length]=new Option(optionB_var[select_var][i],optionB_var[select_var][i])
}
}
select1_fun();
select2_fun()
</script>
</html>
经调试,非常OK,可以交流一下,QQ 4018182
------解决方案--------------------
可以用TwoSelectsRelated