请问无刷新的下拉菜单的连动如何实现？

Question

这是一个Js的列子：<form name="yjForm">
<select name="yjTest01" onChange="Change(this.options.selectedIndex)" size="1">
<option>0</option>
<option>1</option>
<option>2</option>
</select>
<select name="yjTest02" size="1">
<option>00</option>
<option>01</option>
</select>
<script language="JavaScript">
var groups=document.yjForm.yjTest01.options.length  
var group=new Array(groups)  
for (i=0; i<groups; i++)  
group[i]=new Array()
group[0][0]=new Option("00","00")  
group[0][1]=new Option("01","01")  
group[1][0]=new Option("10","10")
group[1][1]=new Option("11","11")
group[2][0]=new Option("20", "20") 
group[2][1]=new Option("21","21")
var temp=document.yjForm.yjTest02  
function Change(x)
{  
for (m=temp.options.length-1;m>0;m--)  
temp.options[m]=null  
for (i=0;i<group[x].length;i++)
{  
temp.options[i]=new Option(group[x][i].text,group[x][i].value)  
}  
temp.options[0].selected=true  
}  
</script>
</div>
</form>

Answer 1

是啊!我做了个4个dropdownlist的联动，就是先将全部数据下载到客户端，但现在我特别担心数据量大了后的问题，我也想知道如何解决这个问题。
能否用cookie，那位用过，或给些建议。

Answer 2

http://www.lostinet.com/jancchat/example8/exam.html

Answer 3

http://www.lostinet.com/jancchat/example9/exam.htmlLostinet.Janc:
http://forum.lostinet.com/Board.Aspx?BoardID=10

Answer 4

用web service.htc，可以用javascript中取得数据库的数据，这样可以做到无刷新的更新数据。你可以找找web service和web service.htc方面的资料看看

Answer 5

兄弟还是用IFRAME简单，全部下载到客户端用脚本实现更累

Answer 6

< html >
< head >
< title >List< /title >
< meta http-equiv="Content-Type" content="text/html; c
harset=gb2312" >
< script LANGUAGE="javascript" >
< !--
var onecount;
onecount=0;subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat[1] = new Array("嘉定区","01","002");
subcat[2] = new Array("黄浦区","01","003");
subcat[3] = new Array("南昌市","02","004");
subcat[4] = new Array("九江市","02","005");
subcat[5] = new Array("上饶市","02","006");onecount=6;function changelocation(locationid)
{
document.myform.smalllocation.length = 0;var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new Option('====所有地区====','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length]
= new Option(subcat[i][0], subcat[i][2]);
}
}}//-- >
< /script >
< /head >
< body >
< form name="myform" method="post" >
< select name="biglocation"
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)" >
< option value="01" selected >上海< /option >
< option value="02" >江西< /option >
< /select >
< select name="smalllocation" >
< option selected value="" >==所有地区==< /option >
< /select >
< /form >
< script LANGUAGE="javascript" >
< !--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-- >
< /script >
< /body >
< /html >

Answer 7

这里有例子http://www.wy1997.com/sailflying/learn/CitySelect.htm

Answer 8

数据量很大的啊，不可能全LOAD到客户端，再说数据源是从服务器端得到的，难道服务器端没有什么好的解决方法吗