三级联动
<script src="bootstrap/js/jquery-1.11.2.min.js"></script>
</head>
<body>
<select id="states">
</select>
<select id="city">
</select>
<select id="qu">
</select>
</body>
<script type="text/javascript">
$(document).ready(function(){
sheng();
shi();
qu();
function sheng(){
var code="0001";
$.ajax({
async:false,
url:"sheng.php",
dataType:"TEXT",
type:"POST",
data:{code:code},
success:function(data){
var str="";
var hang=data.split("|");
for(var i=0;i<hang.length;i++){
var lie =hang[i].split("^");
var str = str +"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#states").html(str);
}
})
}
function shi(){
var code=$("#states").val();
$.ajax({
async:false,
url:"sheng.php",
dataType:"TEXT",
type:"POST",
data:{code:code},
success: function(data){
var str="";
var hang=data.split("|");
for(var i=0;i<hang.length;i++){
var lie =hang[i].split("^");
str = str +"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#city").html(str);
}
})
}
function qu(){
var code=$("#city").val();
$.ajax({
async:false,
url:"sheng.php",
dataType:"TEXT",
type:"POST",
data:{code:code},
success: function(data){
var str="";
var hang=data.split("|");
for(var i=0;i<hang.length;i++){
var lie =hang[i].split("^");
str = str +"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
}
$("#qu").html(str);
}
})
}
$("#states").click(function(){
shi();
qu();
})
$("#city").change(function(){
qu();
})
})
</script>