bootstrap php三级联动,Bootstrap实现省市区三级联动(亲测可用)

bootstrap三级联动很常用，必备

本文实例就为大家分享了Bootstrap实现省市区三级联动的具体代码，供大家参考，具体内容如下

html页面

*所在地址

--请选择--

js部分

$(function () {

var html = "";

$("#input_city").append(html);

$("#input_area").append(html);

$.each(pdata,function(idx,item){

if (parseInt(item.level) == 0) {

html += ""+ item.names +" ";

}

});

$("#input_province").append(html);

$("#input_province").change(function(){

if ($(this).val() == "") return;

$("#input_city option").remove();

$("#input_area option").remove();

//var code = $(this).find("option:selected").attr("exid");

var code = $(this).find("option:selected").val();

code = code.substring(0,2);

var html = "--请选择--";

$("#input_area option").append(html);

$.each(pdata,function(idx,item){

if (parseInt(item.level) == 1 && code == item.code.substring(0,2)) {

html +=""+ item.names +" ";

}

});

$("#input_city ").append(html);

});

$("#input_city").change(function(){

if ($(this).val() == "") return;

$("#input_area option").remove();

var code = $(this).find("option:selected").val();

code = code.substring(0,4);

var html = "--请选择--";

$.each(pdata,function(idx,item){

if (parseInt(item.level) == 2 && code == item.code.substring(0,4)) {

html +=""+ item.names +" ";

}

});

$("#input_area ").append(html);

});

});

我把js文件给上传上来了，点击这里

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。