首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 服务器 > 其他服务器 >

又一个上拉列框有关问题,

2012-12-14 
又一个下拉列框问题,急!!!有两个级联的下拉列框,和A,B两个表。第一个下拉列框有A,B两个选项,起代码如下:se

又一个下拉列框问题,急!!!
有两个级联的下拉列框,和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

热点排行