1. 当前位置:网站首页 > 编程语言

完全手动编写的陕西地区城市、县区select二级联动下拉列表


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>联动菜单</title>
<script language="javascript">
//下面函数是演示二,联动菜单的处理代码
function makeplace_a(x){
    var form2=document.formsearch.one.options.length;//这句解释同上
    var wane_searchl=new Array(form2)//新建一个数组,项数为第一个下拉列表的项数
    for(i=0;i<form2;i++)//循环第一个下拉列表的项数那么多次
        wane_searchl[i]=new Array();//子循环
        //下面是给每个循环赋值 
    var place_a=document.formsearch.typeid;//方便引用
  wane_searchl[0][0] = new Option("-县区-","耿超");
 wane_searchl[1][0] = new Option("雁塔区","雁塔区");
  wane_searchl[1][1] = new Option("未央区","未央区");
  wane_searchl[1][2] = new Option("莲湖区","莲湖区");
  wane_searchl[1][3] = new Option("新城区","新城区");
  wane_searchl[1][4] = new Option("碑林区","碑林区");
  wane_searchl[1][5] = new Option("灞桥区","灞桥区");
  wane_searchl[1][6] = new Option("阎良区","阎良区");
  wane_searchl[1][7] = new Option("临潼区","临潼区");
  wane_searchl[1][8] = new Option("长安区","长安区");
  wane_searchl[1][9] = new Option("高陵县","高陵县");
  wane_searchl[1][10] = new Option("蓝田县","蓝田县");
  wane_searchl[1][11] = new Option("户 县","户 县");
  wane_searchl[1][12] = new Option("周至县","周至县");
 
  wane_searchl[2][0] = new Option("商州区","商州区");
  wane_searchl[2][1] = new Option("丹凤县","丹凤县");
  wane_searchl[2][2] = new Option("洛南县","洛南县");
  wane_searchl[2][3] = new Option("山阳县","山阳县");
  wane_searchl[2][4] = new Option("商南县","商南县");
  wane_searchl[2][5] = new Option("柞水县","柞水县");
  wane_searchl[2][6] = new Option("镇安县","镇安县");
 
  wane_searchl[3][0] = new Option("汉滨区","汉滨区");
  wane_searchl[3][1] = new Option("紫阳县","紫阳县");
  wane_searchl[3][2] = new Option("岚皋县","岚皋县");
  wane_searchl[3][3] = new Option("旬阳县","镇坪县");
  wane_searchl[3][4] = new Option("平利县","平利县");
  wane_searchl[3][5] = new Option("石泉县","石泉县");
  wane_searchl[3][6] = new Option("宁陕县","宁陕县");
  wane_searchl[3][7] = new Option("白河县","白河县");
  wane_searchl[3][8] = new Option("汉阴县","汉阴县");
 
  wane_searchl[4][0] = new Option("渭滨区","渭滨区");
  wane_searchl[4][1] = new Option("金台区","金台区");
  wane_searchl[4][2] = new Option("陈仓区","陈仓区");
  wane_searchl[4][3] = new Option("岐山县","岐山县");
  wane_searchl[4][4] = new Option("凤翔县","凤翔县");
  wane_searchl[4][5] = new Option("陇 县","陇 县");
  wane_searchl[4][6] = new Option("太白县","太白县");
  wane_searchl[4][7] = new Option("麟游县","麟游县");
  wane_searchl[4][8] = new Option("扶风县","扶风县");
  wane_searchl[4][9] = new Option("千阳县","千阳县");
  wane_searchl[4][10] = new Option("眉 县","眉 县");
  wane_searchl[4][11] = new Option("凤 县","凤 县");
 
  wane_searchl[5][0] = new Option("临渭区","临渭区");
  wane_searchl[5][1] = new Option("韩城市","韩城市");
  wane_searchl[5][2] = new Option("华阴市","华阴市");
  wane_searchl[5][3] = new Option("蒲城县","蒲城县");
  wane_searchl[5][4] = new Option("潼关县","潼关县");
  wane_searchl[5][5] = new Option("白水县","白水县");
  wane_searchl[5][6] = new Option("澄城县","澄城县");
  wane_searchl[5][7] = new Option("华 县","华 县");
  wane_searchl[5][8] = new Option("合阳县","合阳县");
  wane_searchl[5][9] = new Option("富平县","富平县");
  wane_searchl[5][10] = new Option("大荔县","大荔县");
 
  wane_searchl[6][0] = new Option("秦都区","秦都区");
  wane_searchl[6][1] = new Option("渭城区","渭城区");
  wane_searchl[6][2] = new Option("杨陵区","杨陵区");
  wane_searchl[6][3] = new Option("兴平市","兴平市");
  wane_searchl[6][4] = new Option("礼泉县","礼泉县");
  wane_searchl[6][5] = new Option("泾阳县","泾阳县");
  wane_searchl[6][6] = new Option("永寿县","永寿县");
  wane_searchl[6][7] = new Option("三原县","三原县");
  wane_searchl[6][8] = new Option("彬 县","彬 县");
  wane_searchl[6][9] = new Option("旬邑县","旬邑县");
  wane_searchl[6][10] = new Option("长武县","长武县");
  wane_searchl[6][11] = new Option("乾 县","乾 县");
  wane_searchl[6][12] = new Option("武功县","武功县");
  wane_searchl[6][13] = new Option("淳化县","淳化县");
   
  wane_searchl[7][0] = new Option("宝塔区","宝塔区");
   wane_searchl[7][1] = new Option("安塞县","安塞县");
  wane_searchl[7][2] = new Option("洛川县","洛川县");
  wane_searchl[7][3] = new Option("子长县","子长县");
  wane_searchl[7][4] = new Option("黄陵县","黄陵县");
  wane_searchl[7][5] = new Option("延川县","延川县");
  wane_searchl[7][6] = new Option("富 县","富 县");
  wane_searchl[7][7] = new Option("延长县","延长县");
  wane_searchl[7][8] = new Option("甘泉县","甘泉县");
  wane_searchl[7][9] = new Option("宜川县","宜川县");
  wane_searchl[7][10] = new Option("志丹县","志丹县");
  wane_searchl[7][11] = new Option("黄龙县","黄龙县");
  wane_searchl[7][12] = new Option("吴起县","吴起县");
  
  wane_searchl[8][0] = new Option("榆阳区","榆阳区");
  wane_searchl[8][1] = new Option("清涧县","清涧县");
   wane_searchl[8][2] = new Option("绥德县","绥德县");
  wane_searchl[8][3] = new Option("神木县","神木县");
  wane_searchl[8][4] = new Option("佳 县","佳 县");
  wane_searchl[8][5] = new Option("府谷县","府谷县");
  wane_searchl[8][6] = new Option("子洲县","子洲县");
  wane_searchl[8][7] = new Option("靖边县","靖边县");
  wane_searchl[8][8] = new Option("横山县","横山县");
  wane_searchl[8][9] = new Option("米脂县","米脂县");
  wane_searchl[8][10] = new Option("吴堡县","吴堡县");
  wane_searchl[8][11] = new Option("定边县","定边县");
 
  wane_searchl[9][0] = new Option("汉台区","汉台区");
  wane_searchl[9][1] = new Option("留坝县","留坝县");
  wane_searchl[9][2] = new Option("镇巴县","镇巴县");
  wane_searchl[9][3] = new Option("城固县","城固县");
  wane_searchl[9][4] = new Option("南郑县","南郑县");
  wane_searchl[9][5] = new Option("洋 县","洋 县");
  wane_searchl[9][6] = new Option("宁强县","宁强县");
  wane_searchl[9][7] = new Option("佛坪县","佛坪县");
  wane_searchl[9][8] = new Option("勉 县","勉 县");
  wane_searchl[9][9] = new Option("西乡县","西乡县");
  wane_searchl[9][10] = new Option("略阳县","略阳县");
 
  wane_searchl[10][0] = new Option("耀州区","耀州区");
  wane_searchl[10][1] = new Option("王益区","王益区");
  wane_searchl[10][2] = new Option("印台区","印台区");
  wane_searchl[10][3] = new Option("宜君县","宜君县");
   
   
     for(m=place_a.options.length-1;m>0;m--)
    //这个要看清楚,因为要重新填充下拉列表的话必须先清除里面原有的项,清除和增加当然是有区别的了,所以用递减
        place_a.options[m]=null;//将该项设置为空,也就等于清除了
    for(j=0;j<wane_searchl[x].length;j++){//这个循环是填充下拉列表
        place_a.options[j]=new Option(wane_searchl[x][j].text,wane_searchl[x][j].value)
        //注意上面这据,列表的当前项等于 新项(数组对象的x,j项的文本为文本,)
    }
    place_a.options[0].selected=true;//设置被选中的初始值
}
</script>
</head>

<body>
<form  action="/plus/search.php" name="formsearch" method="get">
<select name="one"  size="1" onchange="makeplace_a(options.selectedIndex)" style="width:86px;"> 
   <option value="0" selected="selected">-城市-</option>
  <option value=1>西安市</option>
     <option value=2>商洛市</option>
 <option value=3>安康市</option>
 <option value=4>宝鸡市</option>
 <option value=5>渭南市</option>
 <option value=6>咸阳市</option>
 <option value=7>延安市</option>
    <option value=8>榆林市</option>
    <option value=9>汉中市</option>
    <option value=10>铜川市</option>
 
      </select>
    <select name='typeid' >
    <option value="">-城市-</option>
 </select>
    <input   name="imageField" id="imageField" src="/img/index_sbtn.jpg" />
</form>
</body>
</html>


本文最后更新于2014-6-18,已超过 3个月没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
版权说明

本文地址:https://blog.gengchao.cn/post-188.html
未标注转载均为本站远程,转载请注明文章出处:

发表评论

联系我们

在线咨询:点击这里给我发消息

微信号:cngengchao

工作日:9:00-23:00,节假日休息

扫码关注