收货地址的JavaScript城市三级联动【干货拿走不谢！＞

2023-12-10 17:58| 来源: 网络整理| 查看: 265

城市三级联动在我们网上购物时会有收货地址一栏让我们选择收货地址，当中有省、市、区等选择项，如下图：在添加收货地址时我们会先选择省再选市最后选所在区，这些都是下拉列表式的选择，选择完成才会填写具体地址。这时在我们平时练习时，代码如下：

//html 省： ----请选择---- ----湖北---- 市： ----武昌---- ----江汉---- ----汉口---- 区： ----洪山---- ----青山---- ----江岸----

或者是

//html 省： ----请选择---- 市： ----请选择---- 区： ----请选择---- //js代码 var sheng=["陕西省","四川省"]; var city=[ ["西安市","渭南市","宝鸡市"], ["成都市","绵阳市"] ] var qu=[ [ ["莲湖区","雁塔区","长安区"], ["渭南1区","渭南2区","渭南3区"], ["成仓区","金台区","高新区"], ], [ ["成都1区","成都2区","成都3区"], ["绵阳1区","绵阳2区","绵阳3区"] ] ] //先获取 var s=document.getElementById("sname"); var s_city=document.getElementById("City"); var q_name=document.getElementById("Name"); //for循环使js里的sheng元素添加到s里 for(var i=0;i

【本文地址】

公司简介

联系我们