您的位置:首页 > Web前端 > JQuery

通过jquery实现省市联动

2017-11-13 14:40 246 查看
//定义空数字
var $sheng = [["西二旗","香山"],["保定","廊坊"]];
//省的改变事件
$("#pro").change(function(){
//当省的下拉框改变时,将市的内容移除
$("#city option").remove();
//获得市的select
var $city = $("#city");
//找到选择中的值
var $pro = $("#pro option:checked").val();
//循环取出数组里的值,添加到option
for(var i=0;i<$sheng[$pro].length;i++){
//通过省选择的内容循环查找
var $cityvalues = $sheng[$pro][i];
//创建标签并且将循环的内容添加到添option
var $opt =  $("<option>"+$cityvalues+"</option>");
//最后添加到select
$city.append($opt);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: