Die Effekte sind wie folgt:
<div> <select id = "CityParent"> <option> Bitte wählen Sie Provinz </Option> </select> <select id = "city"> <option> Bitte wählen Sie Stadt </option> </select> </div>
//Test data var _json = [ { "areas" : [ { "name" : "Dongcheng District" }, { "name" : "Xicheng District" }, { "name" : "Chongwen District" }, { "name" : "Xuanwu District" }, { "name" : "Changping District" }, { "name" : "Chaoyang District" }, { "name" : "Haidian District" }, { "name" : "Fengtai District" }, { "name" : "Shijingshan District" }, { "name" : "Mentougou District" }, { "name" : "Fangshan District" }, { "name" : "Tongzhou District" }, { "name" : "Tongzhou District" }, { "name" : " "name" : "Shunyi District" }, { "name" : "Daxing District" }, { "name" : "Pinggu District" }, { "name" : "Huairou District" }, { "name" : "Miyun County" }, { "name" : "Yanqing County" } ], "name" : "Beijing City" }, { "areas" : [ { "name" : "Hefei City" }, { "name" : "Chuzhou City" }, { "name" : "Bengbu City" }, { "name" : "Wuhu City" }, { "name" : "Huainan City" }, { "name" : "Huaibei City" }, { "name" : "Ma'anshan City" }, { "name" : "Anqing City "}, {" Name ":" Suzhou City "}, {" Name ":" Fuyang City "}, {" Name ":" Bozhou City "}, {" Name ":" Huangshan City "}, {" Name ":" Zungenstadt "}, {" name ":" xuanch "," xuanch "," xuanch "" "". "name" : "Chizhou City" }], "name" : "Anhui Province" }, { "areas" : [ { "name" : "Fuzhou City" }, { "name" : "Xiamen City" }, { "name" : "Ningde City" }, { "name" : "Putian City" }, { "name" : "Quanzhou City" }, { "name" : ">" }, { "name" : "Zhangzhou City" }, { "name" : "Longyan City" }, { "name" : "Sanming City" }, { "name" : "Nanping City" }], "name" : "Fujian Province" }, { "areas" : [ { "name" : "Lanzhou City" }, { "name" : "Linxia Präfektur"}, {"Name": "Dingxi City"}, {"Name": "Pingliang City"}, {"Name": "Qingyang City"}, {"Name": "Wuwei City"}, {"Name": "Jinchang City",}, {"name": "name", {"name": "name", {"name": "name", {"name": "name", {"name": "name", "name", "name": "name", "name", "name", "name", "name", "name", "name": "name", "name", "name", "name", "name", "name": "name", {" "Jiuquan City"}, {"Name": "Jiayuguan City"}, {"Name": "Tianshui City"}, {"Name": "Longnan City"}, {"Name": "Gannan Präfektur"}, {Name ":" {var CityPar = '<Option Value = "0"> Bitte wählen Sie Provinz </Option>'; $ ('#CityParent'). HTML (CityParent); City </Option> '; .wgyhospital .Select01, .wgyhospital .Select02 {Padding-links: .3rem; Padding-Right: .3rem; Höhe: 1,6rem; Zeilenhöhe: 1,6Rem; Grenze: 1PX Solid #CCC; Text-Align: Mitte;}. WgyHospital. Select01 {Border-Radius: .75rem 0 0 .75rem; Border-Links: Keine;}Das obige ist der gesamte Inhalt der einfachen Implementierung (basierend auf Zepto.js), die der Herausgeber Ihnen gebracht hat. Ich hoffe, jeder wird Wulin.com mehr unterstützen ~