三級聯動
摘要：
安卓若有需要還要再過一下....原生的安卓...貌似現在發展到flutter 安卓的發展越來偏向於寫配置檔案,,,這是趨勢,,,所有的頁面展示都趨向於寫配置檔案,,,,因為簡單啊...簡單就一定有受眾,那麼複雜的安卓誰寫...
多搜搜,,,我又不是小白,,,至少也沉浸多年了,,,寫程式碼有...
安卓若有需要還要再過一下....原生的安卓...貌似現在發展到flutter 安卓的發展越來偏向於寫配置檔案,,,這是趨勢,,,所有的頁面展示都趨向於寫配置檔案,,,,因為簡單啊...簡單就一定有受眾,那麼複雜的安卓誰寫...
多搜搜,,,我又不是小白,,,至少也沉浸多年了,,,寫程式碼有點不利索
例如https://apis.map.qq.com/ws/district/v1/list?key=OXSBZ-U6CAX-4S444-TOQH6-PTNO7-LVF5H
該api將會返回全部城市列表
這裡省事,,,直接 使用JQuery
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>
</head>
<body>
<select name="" id="selProvince">
<option>請選擇....</option>
</select>
<select name="" id="selCity">
<option>請選擇....</option>
</select>
<select name="" id="selCountry">
<option>請選擇....</option>
</select>
<script>
let iNum1;
let iNum2;
let aProvince = ['湖北','江蘇','安徽'];
let aCity =[['武漢','黃岡','荊門'],['南京','無錫','鎮江'],['合肥','安慶','黃山']];
let aCountry =[[['武漢1','武漢2'],['黃岡1','黃岡2'],['荊門1','荊門2']],[['南京1','南京2'],['無錫1','無錫2'],['鎮江1','鎮江2']],[['合肥1','合肥2'],['安慶1','安慶2'],['黃山1','黃山2']]];
$(function () {
for(let i = 0; i < aProvince.length; i++){
$("#selProvince").append("<option>" + aProvince[i] + "</option>");
}
$('#selProvince').change(function () {
// 移除子節點
$("#selCity").children().not(":eq(0)").remove();
// 獲得位置
iNum1 = $(this).children("option:selected").index();
// 進行新增
for(let i = 0; i < aProvince.length; i++){
$("#selCity").append("<option>" + aCity[iNum1 - 1][i] + "</option>");
}
})
});
</script>
</body>
</html>