关联列表框的问题

<html>
<head><title>041501</title>
<script type='text/javascript' src='js/objectMessage.js'></script>
</head>
var aProvince=new Array('四川','湖南','贵州','河北','山东','福建','广东');
var aCity=new Array(
    new Array('内江','成都','自贡','南充','宜宾','乐山','温江'),
    new Array('长沙','韶山','冲'),
    new Array('贵州','贵阳','其他'),
    new Array('河北1','河北2','河北3'),
    new Array('山东2','山东1','山东3'),
    new Array('福州','厦门','海口'),
    new Array('广州','东莞','汕头')
);function $(obj) {return document.getElementById(obj);}//简化方法function defaultLoad(){
    var oProvince=$("province");
    var oCity=$("city");
    
    loadProvince(oProvince);
    loadCity(oCity,0);
}function loadProvince(oProvince) {
    for(var i=0; i<aProvince.length; i++){
        if(!n_Option)
            var n_Option=document.createElement('option');
        n_Option.value=i;
        n_Option.text=aProvince[i];
        oProvince.options.add(n_Option);
        n_Option=null;
    }}function loadCity(oCity,index) {
    for(var i=0; i< aCity[index].length; i++) {
        if(!n_Option)
            var n_Option=document.createElement('option');
        n_Option.value=i;
        n_Option.text=aCity[index][i];//二维数组运用
        oCity.options.add(n_Option);//添加option
        n_Option=null;    
    }}window.onload=function(){defaultLoad();
$("province").onchange=changeProvince;};
function changeProvince(){
    var iProvince=$("province").selectedIndex;
    var oCity=$("city");
    oCity.options.length=0;//清空很重要
    loadCity(oCity,iProvince);}</script>省份：<select id='province'></select>
城市：<select id='city'></select><br/>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head>
    <script>
    var shi=new Array();
    shi[0]=new Array(1,"宜昌市",1);
    shi[1]=new Array(2,"武汉市",1); shi[2]=new Array(3,"长沙市",2);
    shi[3]=new Array(4,"株洲市",2);

    function change(id)
    {
    form1.shi.length=0;
    form1.shi.options[0]=new Option("请选择：","n");
    for(i=0 ; i<shi.length ; i++)
    {
    if(id==shi[i][2])
    {
    form1.shi.options[form1.shi.length]=new Option(shi[i][1],shi[i][0]);
    }
    }
    }
    </script>
    <body>
    <div align="center">
      <form name="form1" method="post" action="">
        <p>省：
          <select name="sheng" onChange="change(this.value)">
            <option selected>请选择：</option>
            <option value="1">湖北省</option>
            <option value="2">湖南省</option>
          </select>
        </p>
        <p>市：
          <select name="shi">        <option selected>请选择：</option>
          </select>
        </p>
      </form>
      <p>&nbsp;</p>
    </div>
    </body>
    </html>