下拉框联动省市js方法

province.js

var china = new Object();

china['北京1'] = new array('东城区'，'西城区','南城区');

china['北京2'] = new array('东城区'，'西城区','南城区');

init_province_select = function(id){

for (var p in china){

$("#" + id).append("<option value='" + p + "'>" + p +"</option>");

}

}

init_city_select = function(id,province){

$("#" = id + " option[value!='']").remove()

var array = china[province];

if(array){

for (var i=0;i<array.length;i++){

var p = array[i];

$("#" + id).append("<option value='" + p + "'>" + p + "</option>");

}

}

}

html页面

<select id = "selectProvince">

<option value="">不限</option>

</select>

<select id = "selectCity">

<option value="">不限</option>

</select>

页面js

init_province_select('selectProvince');

$('#selectProvince').on('change',function(){

var province = $(this).children(option:selected').val();

init_city_select ('selectCity',province);

});

转载请注明出处！