大宝法王开示巴登多杰:两个select表单元素,怎样把第一个select的值传给第二个并做为第二个select表单的查询条件

来源:百度文库 编辑:高校问答 时间:2024/04/29 14:54:23
有一表单中两个select表单元素,我要把第一个select表单元素的值传给第二个select表单元素中,做为第二个select表单的查询条件。怎么做啊?
比如说:做网上超市的时候:商品分成大类,和小类,点击第一个select表单元素中某个类,相应的第二个select表单元素出现大类下的个个小类。。。

<script><br>
var a1=Array();<br>
var a2=Array();<br>
a1[0]="javascript";<br>
a1[1]='css';<br>
a1[2]='php';<br>
a2[0]=Array(0,"javscript简介",0);<br>
a2[1]=Array(1,"javscript对象",0);<br>
a2[2]=Array(2,"javscript语法",0);<br>
a2[3]=Array(3,"javscript应用",0);<br>
a2[4]=Array(4,"css简介",1);<br>
a2[5]=Array(5,"css特点",1);<br>
a2[6]=Array(6,"css语法",1);<br>
a2[7]=Array(7,"css应用",1);<br>
a2[8]=Array(8,"php简介",2);<br>
a2[9]=Array(9,"php对象",2);<br>
a2[10]=Array(10,"php语法",2);<br>
a2[11]=Array(11,"php应用",2);<br>
function sel(val,obj,arr){<br>
obj.length=0;<br>
for(i=0;i<a2.length;i++){<br>
if(arr[i][2]==val)obj[obj.length]=new Option(arr[i][1],arr[i][0]);<br>
}<br>
}<br>
</script><br>
<form name="form1" method="post" action="" id="form1"><br>
<select name="select1" id="select1" onChange="sel(this.value,form1.select2,a2);"></select><br>
<select name="select2" id="select2"></select><br>
</form><br>
<script><br>
for(i=0;i<a1.length;i++){<br>
form1.select1[form1.select1.length]=new Option(a1[i],i);<br>
}<br>
sel(0,form1.select2,a2);<br>
</script>

建议学点javascript脚本语言

这个不写了。你不给分。呵呵
参看这个,你就明白了。
有问题给我发邮件。
http://www.wenew.net.ru/itbbs/asp/612.html

<script>
var a1=Array();
var a2=Array();
a1[0]="javascript";
a1[1]='css';
a1[2]='php';
a2[0]=Array(0,"javscript简介",0);
a2[1]=Array(1,"javscript对象",0);
a2[2]=Array(2,"javscript语法",0);
a2[3]=Array(3,"javscript应用",0);
a2[4]=Array(4,"css简介",1);
a2[5]=Array(5,"css特点",1);
a2[6]=Array(6,"css语法",1);
a2[7]=Array(7,"css应用",1);
a2[8]=Array(8,"php简介",2);
a2[9]=Array(9,"php对象",2);
a2[10]=Array(10,"php语法",2);
a2[11]=Array(11,"php应用",2);
function sel(val,obj,arr){
obj.length=0;
for(i=0;i<a2.length;i++){
if(arr[i][2]==val)obj[obj.length]=new Option(arr[i][1],arr[i][0]);
}
}
</script>
<form name="form1" method="post" action="" id="form1">
<select name="select1" id="select1" onChange="sel(this.value,form1.select2,a2);"></select>
<select name="select2" id="select2"></select>
</form>
<script>
for(i=0;i<a1.length;i++){
form1.select1[form1.select1.length]=new Option(a1[i],i);
}
sel(0,form1.select2,a2);
</script>

2级连动菜单呗.easy!
83623378有时间加我qq

如果不调用后台数据库,则是菜单联动
如果调用后台数据库,则是局部刷新