溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="JQuery/jquery-1.11.0.js"></script>
<script type="text/javascript">
$().ready(function() {
//點擊加載省份名稱
$("#btn").click(function() {
// alert("asasassa");
//省份改變之前先清空原先存在城市的option
$("[name = 'sheng']").html("<option>==省份==</option>");
//省份改變之前先清空原先存在城市的option
$("[name = 'shi']").html("<option>==城市==</option>");
//省份改變之前先清空原先存在區縣的option
$("[name = 'qu']").html("<option>==區縣==</option>");
//請求數據
$.get("./json/sheng.json",
function(data) {
$(data).each(function(i) {
//動態加載option，并設置數據
var opSheng = "<option></option>";
$("[name='sheng']").append(opSheng);
$("[name='sheng'] option").eq(i+1).text(data[i].name);
$("[name='sheng'] option").eq(i+1).val(data[i].ProID);
});
}),
"json"
});
//省份改變時執行的方法
$("[name='sheng']").bind("change", function() {
//省份改變之前先清空原先存在城市的option
$("[name = 'shi']").html("<option>==城市==</option>");
//省份改變之前先清空原先存在區縣的option
$("[name = 'qu']").html("<option>==區縣==</option>");
//獲得被點擊省份名稱
var shengID = $("[name = 'sheng'] option:selected").val();
//請求數據
$.get("./json/shi.json",
function(data) {
//作為option的下標號
var index = 1;
$(data).each(function(i) {
if (shengID == data[i].ProID) {
//動態加載option，并設置數據
var opShi = "<option></option>";
$("[name='shi']").append(opShi);
$("[name='shi'] option").eq(index).text(data[i].name);
$("[name='shi'] option").eq(index).val(data[i].CityID);
index++;
}
});
},
"json"
);
});
//城市改變時執行的方法
$("[name='shi']").bind("change", function() {
//獲得被選擇的城市名ID
var shiID = $("[name = 'shi'] option:selected").val();
//城市改變之前先清空原先存在區縣的option
$("[name = 'qu']").html("<option>==區縣==</option>");
//請求數據
$.get("./json/qu.json",
function(data) {
//作為option的下標號碼
var index = 1;
$(data).each(function(i) {
if (shiID == data[i].CityID) {
//添加加區的option
var opShi = "<option></option>";
$("[name='qu']").append(opShi);
$("[name='qu'] option").eq(index).text(data[i].DisName);
$("[name='qu'] option").eq(index).val(data[i].CityID);
index++;
}
});
},
"json"
);
});
});
</script>
</head>
<body>
<input type="button" name="btn" id="btn" value="導入省名稱" />
<br>
<select name="sheng" multiple="multiple">
<!--<option>==省份==</option>-->
</select>
<select name="shi" multiple="multiple">
<!--<option>==城市==</option>-->
</select>
<select name="qu" multiple="multiple">
<!--<option>==區縣==</option>-->
</select>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
