我想实现这么一个例子：
当前有两个下拉菜单：
一个显示省名
一个显示某省的市区名
请问：
我单击省名后，另外那个下拉菜单要显示该省的所有市区称。。

如：单击广东省名后，在另外一个下拉菜单就显示：广州，湛江，珠海……等等

有请高手指教，最好是代码的例子，谢了！

搜索一下二级联动

<script language=javascript>
function ShowLayer(n)
{
if(this.meun(n).style.display=="none")
{
this.meun(n).style.display="block";
}
else
{
this.meun(n).style.display="none";
}
}
</script>
<a href=# onclick=ShowLayer(0); >广东省</a><br>
<div style=display:none; id=meun>
广州<br>
上海<br>
</div>
<a href=# onclick=ShowLayer(1); >广西省</a><br>
<div style=display:none; id=meun>
桂林<br>
南宁<br>
</div>

<div align="center"><form name="isc">
              <table border="0" cellspacing="0" cellpadding="0">
                <tr align="center">
                  <td nowrap height="11">
                    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
                      <option selected>★网页天使</option>
                      <option>★CGI程序设计</option>
                      <option>★FLASH欣赏</option>
                    </select>
                    <select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
                      <option value=" " selected></option>')
                      <option value=" " selected>◤------第二层菜单------◢</option>
                      <option value=" " selected>◤------第二层菜单------◢</option>
                    </select>
                    <select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
                      <option value=" " selected></option>')
                      <option value=" " selected>◤------第三层菜单------◢</option>
                      <option value=" " selected>◤------第三层菜单------◢</option>
                    </select>
              </table>
            </form>
          </div>
          <script language="JavaScript">
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("----第二层菜单----"," ");

group[1][0]=new Option("」第一类"," ");
group[1][1]=new Option("」第二类","47");
group[1][2]=new Option("」第三类","46");
group[1][3]=new Option("」第四类","45");

group[2][0]=new Option("」第一类"," ");
group[2][1]=new Option("」第二类","115");
group[2][2]=new Option("」第三类","116");

var temp=document.isc.stage2


function redirect(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
redirect1(0)
}



var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++)  {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++)  {
secondGroup[i][j]=new Array()  }}

secondGroup[0][0][0]=new Option("----第三层菜单----"," ");
secondGroup[1][0][0]=new Option("----第三层菜单----"," ");
secondGroup[1][1][0]=new Option("」 第一节"," ");
secondGroup[1][1][1]=new Option("」 第一节","../cgi/pagenew8.htm");
secondGroup[1][1][2]=new Option("」 第一节","../cgi/pagenew8.htm");
secondGroup[1][1][3]=new Option("」 第一节","../explain/route.htm");

secondGroup[1][2][0]=new Option("」第三类"," ");
secondGroup[1][2][1]=new Option("第二节","../cgi/pagenew7.htm");
secondGroup[1][2][2]=new Option("第二节","../cgi/pagenew7.htm");
secondGroup[1][2][3]=new Option("第二节","../explain/route.htm");

secondGroup[1][3][0]=new Option("」第四类"," ");
secondGroup[1][3][1]=new Option("第三节","../cgi/pagenew15.htm");
secondGroup[1][3][2]=new Option("第三节","../explain/route.htm");

secondGroup[2][0][0]=new Option("----第三层菜单----"," ");
secondGroup[2][1][0]=new Option("」第三类"," ");
secondGroup[2][1][1]=new Option("」第三节(1)","../pictures/cartoon/1.htm");
secondGroup[2][1][2]=new Option("」第三节(2)","../pictures/cartoon/2.htm");
secondGroup[2][1][3]=new Option("」第三节(3)","../pictures/cartoon/3.htm");

secondGroup[2][2][0]=new Option("」第四类"," ");
secondGroup[2][2][1]=new Option("第三节l(1)","../pictures/email/1.htm");
secondGroup[2][2][2]=new Option("第三节(2)","../pictures/email/1.htm");

var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}

function redirect2(){
window.open(temp1.value,"","toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=700,height=450");
}
//-->
</script>

JS省份网上多得去了，baidu搜一下

http://www.

很感谢各位的帮助，问题己搞定!

数据库己互相有连接的，表1：m_ctl 表2:m_pran

<tr>
      <td width="189" height="30" align="center" valign="middle" class="in">品牌系列名：(中文)</td>
      <td width="455" height="30" align="left" valign="middle" class="in"><select name="cht_xl" id="cht_xl">
        <%While (NOT XL.EOF)%>
        <option value="<%=(XL.Fields.Item("ctl_name_cht").Value)%>"><%=(XL.Fields.Item("ctl_name_cht").Value)%></option>
        <%  XL.MoveNext()
        Wend
        If (XL.CursorType > 0) Then     XL.MoveFirst
        Else
          XL.Requery
        End If %>
      </select></td>
    </tr>
    <tr>
      <td height="30" align="center" valign="middle" class="in">品牌系列名：(英文)</td>
      <td height="30" align="left" valign="middle" class="in"><select name="eng_xl" id="eng_xl">
        <% While (NOT XL.EOF)%>
        <option value="<%=(XL.Fields.Item("ctl_name_eng").Value)%>"><%=(XL.Fields.Item("ctl_name_eng").Value)%></option>
<%
  XL.MoveNext()
Wend
If (XL.CursorType > 0) Then  XL.MoveFirst
Else
  XL.Requery
End If %>
      </select></td>
    </tr>

怎样才能实现这样的ASP动态生成JS二级互联呢？