効果は次のとおりです。
<div> <選択id = "cityparent"> <option> stelevince </option> </select> <select id = "city"> <option> city </option> </select> </div>を選択してください
//データvar _json = [{"エリア"：[{"name"： "dongcheng District"}、{"name"： "xicheng地区"}、{"name"： "name"}、{"xuanwu地区"}、{"xuanwu地区"}、{"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地区"}、{"name"： "miyun郡"}、{"name"： "yanqing County"}]、 ""： "beijing city"： "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "：" beijing city " "Hefei City"}、{"name"： "chuzhou city"}、{"name"： "bengbu City"}、{"wuhu City"}、{"huainan City"}、{"name"}、{"name"： "huaibei" "Anqing City"}、{"name"： "Suzhou City"}、{"name"： "fuyang city"}、{"bozhou City"}、{"huangshan City"}、{huangshan city "}、{" name "：" "lu'man" "：" xuancheng city ""： "xuancheng city" " }, { "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県"}、{"name"： "dingxi city"}、{"name"： "pingliang city"}、{"name"： "qingyang city"}、{"name"}： "wuwei City"}、{wuwei City "}、{name"： "name"} ：「jiuquan City "}、{" name "：" jiayuguan city "}、{" name "：" name "}、{" name "}、{baiyin city"}] {var citypar = "0"> var lenper = _json。 $（ '＃cityparent'）。html（cityparent）; loadcitypar（ 'change'、 '＃cityparent'、function（ '＃cityparent option'）。都市</var len = _json.areas。 .wgyhospital .select01、.wgyhospital .select02 {padding-left：.3rem;パディング右：.3rem;高さ：1.6rem; Line-Height：1.6rem;ボーダー：1pxソリッド#ccc;テキストアライグ：center;}。wgyhospital.select01 {border-radius：.75rem 0 0 .75rem;}。国境左：なし;}上記は、編集者があなたにもたらした単純な実装（Zepto.jsに基づく）のすべてのコンテンツです。誰もがwulin.comをもっとサポートすることを願っています〜