JS做出地址选择功能
Apr 19, 2018 am 10:23 AM这次给大家带来JS做出地址选择功能,JS做出地址选择功能的注意事项有哪些,下面就是实战案例,一起来看一下。
<!DOCTYPE html> <html> <head> <metacharset="UTF-8"> <title></title> <script> var shenArr = new Array(5); shenArr["广东"] = ["广州","深圳","韶关","汕头","茂名"]; shenArr["湖南"] = ["长沙","张家界","株洲","岳阳","吉首"]; shenArr["湖北"] = ["武汉","宜昌","荆州","黄冈","仙桃"]; shenArr["安徽"] = ["合肥","黄山"]; shenArr["河南"] = ["郑州","开封","洛阳","信阳"]; function getShen(){ var s = document.getElementById("shen"); for(var v in shenArr){ //把数组键加入到省的下拉框 s.add(new Option(v,v),null); } } function getCity(){ var s = document.getElementById("shen"); var c = document.getElementById("city"); var v = s.value;//省份的名称,也是数组中的键 c.options.length = 0;//把城市下拉框中的项清除 //循环把某一个省的城市加入到市的下拉框 for(var i in shenArr[v] ){ c.add(new Option(shenArr[v][i],shenArr[v][i]),null); } } </script> </head> <bodyonload="getShen()"> 省:<selectid="shen"onchange="getCity()"> <optionvalue="0">--请选择--</option> </select> 市:<selectid="city"></select> </body> </html>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
Atas ialah kandungan terperinci JS做出地址选择功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Bagaimana untuk menetapkan kertas dinding skrin kunci pada enjin kertas dinding? Cara menggunakan enjin kertas dinding

Bolehkah enjin kertas dinding dikongsi sesama keluarga?

Perbezaan antara vivox100s dan x100: perbandingan prestasi dan analisis fungsi

Adakah terdapat sebarang virus semasa menonton filem enjin kertas dinding?

Dalam folder manakah terdapat kertas dinding enjin kertas dinding?

Adakah enjin kertas dinding menggunakan banyak kuasa?

Apakah sebenarnya media kendiri? Apakah ciri dan fungsi utamanya?

Petua PHP: Cepat Laksanakan Kembali ke Fungsi Halaman Sebelumnya
