!DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>Title/title>
script src="../wenjian/jquery-2.2.3.min.js">/script>
/head>
body>
select id="sheng">
option>請(qǐng)選擇/option>
/select>
select id="shi">
option >請(qǐng)選擇/option>
/select>
select id="qu">
option >請(qǐng)選擇/option>
/select>
/body>
/html>
script>
$.ajax({
data: {parent_id: 0}, //發(fā)送的數(shù)據(jù)
dataType: "json", //返回值的類型 text為string型
type: 'post', //發(fā)送請(qǐng)求的方法(get)
url: 'sheng_l.php',//發(fā)送請(qǐng)求的地址
success: function (data) {//發(fā)送成功時(shí)的回調(diào)函數(shù)
// console.log(data);
for (var i in data) {
$("#sheng").append("option value='"+ data[i][2] +"'>" + data[i][1] +"/option>")
}
}
})
$(document).ready(function () {
$("#sheng").change(function () {
$("#shi").get(0).options.length= 1;
// $("#qu").get(0).options.length= 1;
var data = $("#sheng").find("option:selected").val();
$.ajax({
data:{parent_id:data},
type:"post",
dataType:"json",
url:"sheng_l.php",
success:function (data) {
for(var i in data){
$("#shi").append("option value='" + data[i][2] +"'>" + data[i][1] +"/option>")
}
}
})
})
})
$(document).ready(function () {
$("#shi").change(function () {
$("#qu").get(0).options.length= 1;
var data = $("#shi").find("option:selected").val();
$.ajax({
data:{parent_id:data},
type:"post",
dataType:"json",
url:"sheng_l.php",
success:function (data) {
for (var i in data){
$("#qu").append("option value='" +data[i][2] +"'>" +data[i][1] +"/option>")
}
}
})
})
})