Rumah > Artikel > hujung hadapan web > Kaedah mudah JS untuk melaksanakan kemahiran plug-in_javascript pemilihan rangkaian sekunder bandar

Kaedah mudah JS untuk melaksanakan kemahiran plug-in_javascript pemilihan rangkaian sekunder bandar

WBOYasal: 2016-05-16 15:44:091095semak imbas

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.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Kesan pembesaran sfera teks JS kemahiran perkongsian kod_javascriptArtikel seterusnya：Kesan pembesaran sfera teks JS kemahiran perkongsian kod_javascript

Artikel berkaitan

Lihat lagi