<script type="text/javascript">
//進入頁面自動加載省級列表
$(function (){
// alert("123")
$.ajax({
url:"selectAction_selectSheng.action",
type:"post",
data:"",
dataType:"json",
success:function(str){
var strHTML='<option value="-1">-請選擇-</option>';
for (var i = 0; i < str.length; i++) {
strHTML+='<option value="'+str[i].id+'">'+str[i].full_name+'</option>';
}
$("#s1").html(strHTML);
},
error:function(){
alert("系統錯誤");
}
})
})
//省級改變,觸發市級顯示
$("#s1").change(function (){
$.ajax({
url:"selectAction_selectShi.action",
type:"post",
data:{'shengID':$(this).val()},//【重點:這裏動態把父級id傳到後臺,以鍵值對的方式傳值】【data可以鍵值對傳值!!!】
dataType:"json",
success:function(str){
alert("進入市ajax")
var strHTML='<option value="-1">-請選擇-</option>';
for (var i = 0; i < str.length; i++) {
strHTML+='<option value="'+str[i].id+'">'+str[i].full_name+'</option>';
}
$("#s2").html(strHTML);
$("#s3").html("<option value='-1'>-請選擇-</option>");
},
error:function(){
alert("系統錯誤");
}
})
})
//市級改變,觸發縣
$("#s2").change(function (){
$.ajax({
url:"selectAction_selectXian.action",
type:"post",
data:{'shiID':$(this).val()},
dataType:"json",
success:function(str){
alert("進入市ajax")
var strHTML='<option value="-1">-請選擇-</option>';
for (var i = 0; i < str.length; i++) {
strHTML+='<option value="'+str[i].id+'">'+str[i].full_name+'</option>';
}
$("#s3").html(strHTML);
},
error:function(){
alert("系統錯誤");
}
})
})
</script>
<div id="d1">
<select name="shengID" id="s1"></select>
<select name="shiID" id="s2"></select>
<select name="xianID" id="s3"></select>
</div>