Rumah > hujung hadapan web > tutorial js > JavaScript melaksanakan kemahiran linkage_javascript sekunder yang mudah

JavaScript melaksanakan kemahiran linkage_javascript sekunder yang mudah

WBOY
Lepaskan: 2016-05-16 16:08:31
asal
1222 orang telah melayarinya

Pautan peringkat kedua boleh dilihat di mana-mana dalam halaman web umum, biasanya alamat Sebagai contoh, jika anda mengklik pada Wilayah Zhejiang, bandar Hangzhou dan Jiaxing akan muncul jika anda mengklik pada Wilayah Beijing, Chaoyang dan Haidian akan muncul Hangzhou dan Jiaxing.

Untuk mencapai langkah ini, anda perlu menggunakan javascript. Prinsipnya menggunakan masa onchange.

Pertama, peristiwa onchange berlaku apabila kandungan medan berubah. Objek JavaScript yang menyokong acara ini: failMuat naik, pilih, teks, kawasan teks Kami menggunakan pilih untuk melaksanakan pautan kedua.

Berikut ialah kod HTML Pertama, tetapkan satu pilihan untuk menjadi wilayah, dan pilihan kedua untuk menjadi bandar Tetapi untuk bandar, kami menggunakan tatasusunan dalam js untuk menyambungkannya ke wilayah.

Salin kod Kod adalah seperti berikut:





kaitan sekunder javascript








Berikut ialah kod js

Salin kod Kod adalah seperti berikut:

var province = document.getElementById("daerah");
var city = document.getElementById("city");
kawasan var = [
['Chaoyang', 'Haidian', 'Beijing'], //Susun atur kawasan ke-0. 0{0,1,2}
['Hangzhou','Haining'] //Susunan kawasan pertama, 1{0.1}
];
fungsi pilih(){
var opt = "";
var len = area[province.value]; //Jika Beijing 0 dipilih, maka len=['Chaoyang','Haidian'] Ini adalah untuk menyambungkan wilayah mana yang sepadan dengan bandar manaCityarray
if(province.value == '-1'){ //Oleh kerana apabila nilai pilih ialah -1, ia adalah perkataan 'provinsi', bukan Beijing, jadi apabila kita memilih wilayah ini, biarkan bandarnya Kosong
           city.innerHTML = opt;
}
for(var i = 0;i < len.length; i ){ //Bilangan tatasusunan dalam kawasan untuk(i = 0;i < 3; i )
opt = opt ' ' len[i] '' //opt = "" Chaoyang(lin[0] ),
//opt = Chaoyang(lin[0]),
                   〜  > Haidian(lin[1])
//opt = Chaoyang(lin[0]),
                   〜  > Haidian(lin[1]) Beijing(lin[2])
}
City.innerHTML = opt;
}
province.onchange = function(){
Pilih();
}



Pautan peringkat kedua boleh dilihat di mana-mana dalam halaman web umum, biasanya alamat Sebagai contoh, jika anda mengklik pada Wilayah Zhejiang, bandar Hangzhou dan Jiaxing akan muncul jika anda mengklik pada Wilayah Beijing, Chaoyang dan Haidian akan muncul Hangzhou dan Jiaxing.
Untuk mencapai langkah ini, anda perlu menggunakan javascript. Prinsipnya menggunakan masa onchange.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan