Rumah >hujung hadapan web >tutorial js >Kaedah mudah JS untuk melaksanakan kemahiran plug-in_javascript pemilihan rangkaian sekunder bandar
Contoh dalam artikel ini menerangkan cara hanya melaksanakan pemalam pemilihan rangkaian sekunder bandar menggunakan JS. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Menu pemilihan pautan bandar yang dilaksanakan oleh js sering dilihat di Internet Saya tidak akan memperkenalkannya secara terperinci Prototaip menu pemilihan bandar ini adalah berdasarkan Pilih dan ia dibuat menggunakan teknik asas seperti tatasusunan dan gelung. Kesan ini hanya untuk menunjukkan cara melaksanakannya. Data di dalam tidak lengkap Anda boleh menambahnya sendiri jika perlu.
Tangkapan skrin kesan berjalan adalah seperti berikut:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-ejld-city-cha-plug-codes/
Kod khusus adalah seperti berikut:
<html> <head> <title>Js城市二级联动选择插件</title> <script> var citys=new Array( new Array("南京","淮安","扬州","常州",'其它'), new Array("北京"), new Array("天津"), new Array("上海"), new Array("其它") ); function scity(pname,cname){ var province=['江苏省','北京','天津','上海','其它']; document.write('<select id="pro" onchange="selectc(this)" name="'+pname+'">'); document.write('<option value="">--选择省份--</option>') for(var i=0;i<province.length;i++){ document.write('<option value="'+province[i]+'">'+province[i]+'</option>'); } document.write('</select>'); document.write('<select id="city" name="'+cname+'">'); document.write('<option value="">--选择城市--</option>'); document.write('</select>'); selectc(document.getElementById("pro")); } function selectc(pobj){ var index=pobj.selectedIndex-1; var cobj=document.getElementById("city"); cobj.innerHTML=''; if(index>=0){ for(var i=0;i<citys[index].length;i++){ var option=document.createElement("option"); var text=citys[index][i]; option.value=text; option.innerHTML=text; cobj.appendChild(option); } }else{ var option=document.createElement("option"); option.value=""; option.innerHTML="--选择城市--"; cobj.appendChild(option); } } </script> </head> <body> <script> scity('p','c'); </script> </body> </html>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.