用javascript实现省级连动效果

来源：百度知道 编辑：UC知道 时间：2024/06/02 11:51:30

纯JS，只是思路
1、你需要两个庞大的数组（这也是为什么大家都不愿意用纯JS解决的原因），储存所有省的名称以及各个省所包含的所有城市的名称。
2、根据储存省名称的数组生成第一个下拉列表，添加onchange动作，根据选中的省，从储存城市名称的数组中筛选出相应城市，然后输出第二个下拉列表。如果不止2级联动，则需要使用递归了。省市联动2级就够了。

简单示例

<html>
<head>
<script>
var arr_s = ['山东','江苏','安徽'];
var arr_c = [
['济南','日照'],
['南京','苏州'],
['合肥','蚌埠']
]; //二维数组

function chgS(o){
var _v = o.value;
var _c = arr_c[parseInt(_v)];
var _cs = document.getElementById('C');
_css = '<select id="C"><option value="-1" selected>请选择城市</option>';
for(var i=0;i<_c.length;i++){
_css += '<option value="'+i+'">'+_c[i]+'</option>';
}
_css += '</select>';
_cs.outerHTML = _css;
}

function initS(){
var _ss = do