在动态网页中，如何实现下拉列表填充值随另一个下拉列表的改变而改变？

[lidaixiang]

在很多网页中都遇到，比如在注册时，让用户从下拉列表中选省市区，选完后，后面的下拉列表自动显示相应的该省的县以及县级市，这个是如何实现的？

以前是用VB，知道在VB中是通过COMBO。change事件来完成，现转到ASP中来时间不长，请高手指教。

[lidaixiang]

没有朋友帮忙啊，我刚还帮别的朋友们回答了呢，自己先顶一下。

[linglv]

http://blog.csdn.net/tsd/archive/2005/03/14/319118.aspx

[ttkkyy]

<SCRIPT language=JavaScript>
<!-- Begin
var hy_arry = new Array();
var hy_arrgrp = new Array();
var hy_arry1 = new Array();
var hy_arrgrp1 = new Array();

<%
dim i
i=0
bigsql="select * from yy_ks_class where Yy_ks_pid=0"
set bigrs=conn.execute(bigsql)
do while not bigrs.eof
smallsql="select * from yy_ks_class where yy_ks_pid='"&bigrs("yy_ks_aid")&"'"
set smallrs=conn.execute(smallsql)
do while not smallrs.eof
%>
hy_arry[<%= i %>] ="<%= trim(smallrs("yy_ks_aid")) %>";
hy_arrgrp[<%= i %>] ="<%= bigrs("yy_ks_aid") %>";
hy_arry1[<%= i %>] ="<%= trim(smallrs("yy_ks_cname")) %>";
hy_arrgrp1[<%= i %>] ="<%= bigrs("yy_ks_cname") %>";
<%
smallrs.movenext
i=i+1
loop
bigrs.movenext
i=i+1
loop
%>

function selectChange(control, controlToPopulate, ItemArray, GroupArray,ItemArray1, GroupArray1)
{
var myElee ;
var x ;

// Empty the second drop down box of any choices
for (var q=controlToPopulate.options.length;q>=0;q--) controlToPopulate.options[q]=null;

// ADD Default Choice - in case there are no values
//myElee = document.createElement("option") ;
//myElee.value = "" ;
//myElee.text = "请选择产品小类" ;
//controlToPopulate.add(myElee) ;
for ( x = 0;x < ItemArray.length ; x++ )
{
if ( GroupArray[x] == control.value )
{
myElee = document.createElement("option") ;
myElee.value = ItemArray[x] ;
myElee.text = ItemArray1[x];
controlToPopulate.add(myElee) ;
}
}
}
// End -->
</SCRIPT>
<%
classsql="select * from yy_ks_class where Yy_ks_pid=0"
set classrs=conn.execute(classsql)
%>
<select name="Yy_zjda_yiyuan" class="button" id="select" onChange="selectChange(this, document.all.Yy_zjda_ks, hy_arry, hy_arrgrp,hy_arry1, hy_arrgrp1);" onkeydown="if(event.keyCode==13)event.keyCode=9">
<%
do while not classrs.eof

%>
<option value="<%= classrs("yy_ks_aid") %>" <%if cint(Yy_zjda_yiyuan)=cint(classrs("yy_ks_aid")) then response.write "selected" end if%>><%= classrs("yy_ks_cname") %></option>
<% classrs.movenext
loop
%>
</select>

<select name="Yy_zjda_ks" id="select2" onkeydown="if(event.keyCode==13)event.keyCode=9">
<%
sql="select * from yy_ks_class where yy_ks_pid=5"
set rs2=conn.execute (sql)
if not rs2.eof then

do while not rs2.eof
%>
<option value="<%=rs2("yy_ks_aid")%>" <%if cint(Yy_zjda_ks)=cint(rs2("yy_ks_aid")) then response.write "selected" end if%>><%=rs2("yy_ks_cname")%></option>
<%
rs2.movenext
loop
end if
rs2.close
set rs2=nothing
%>
</select>


一个动态的，你参考一下吧

[stou]

给个最简单的

<select onchange='ok(this)' id=a><option>音乐<option>电影</select>
<select id=b>
</select>
<script>
function ok(objs){
if(objs.options[objs.selectedIndex].text=="音乐")b.outerHTML="<select id=b><option selected>音乐1<option>音乐2"
if(objs.options[objs.selectedIndex].text=="电影")b.outerHTML="<select id=b><option selected>电影1<option>电影2"
}
ok(a)
</script>

[lidaixiang]

感谢楼上的回贴。可能我没表述明白。我的意思是这样：比如，用户注册时，他选择省份为北京，后面的列表中就填充上东城、西城、宣武、崇文等，如果他选择省份为河南，后面的列表就填充上郑州、平顶山、南阳等。

[sy_binbin]

在网上有这样的数据库

也有这样的JS脚本，JS脚本是把这些地区写到代码里的！

到网上有很多这样的代码！

[power_zl]

<select name=aa onpropertychange="showname(this.options[this.selectedIndex].value)" >
<option value="0">项目状态</option>
<option value="1">项目名称</option>
</select>

<select name=cc id="sel2">
<option value="0">正在跟中</option>
<option value="1">已中标</option>
<option value="1">放弃</option>
</select>

<script>
var xxx=new Array();
xxx[0]=new Array();
xxx[1]=new Array();
xxx[1][0]="xiao";
xxx[1][1]="yi";
xxx[0][0]="正在跟中";
xxx[0][1]="已中标";
xxx[0][2]="放弃";
function showname(value)
{
document.getElementById("sel2").innerHTML="";

for(i=0;i<xxx[value].length;i++)
{
var oOption = document.createElement("OPTION");
document.getElementById("sel2").options.add(oOption);
oOption.innerText = xxx[value][i];
oOption.value = i;
}

}
</script>

[fengye912]

联动菜单。在google中一搜一大把