三级联动

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_30405421

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量49

点赞数

CC 4.0 BY-SA版权

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/ssx5310518/p/7519278.html

<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>