Contoh ini membagikan Implementasi JS Pilih menu drop-down tautan sekunder untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
<%@ page language = "java" import = "java.util.*" pageEncoding = "UTF-8"%> <%string path = request.getContextPath (); string basepath = request.getscheme ()+": //"+request.getServername ()+":"+request.getserverport ()+PATPERPORT.POCPY ";"; "+": "+"+"+"; "+"; "+"; "+"; "+"; "+"; "+"; "publporpy ();"+";"+";"+";" publport ";"); "+"; "+"; docty/doctypath (): "+request. "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script language="JavaScript" type = "text/javascript"> // mendefinisikan array kota dua dimensi, dan urutan di dalamnya sama dengan provinsi. Dapatkan nilai subskrip provinsi oleh SelectedIndex untuk mendapatkan array kota yang sesuai var city = [["Beijing", "tianjin", "shanghai", "chongqing"], ["nanjing", "suzhou", "nantong", "changzhou"], ["fuzhou", "fuanping", "changzhou"], ["fuzhou", "fuanpping", "changzhou"], ["fuzhou", "fuanping", "changzhou" ["Guangzhou", "Chaoyang", "Chaozhou", "Chenghai"], ["Lanzhou", "Baiyin", "Dingxi", "Dunhuang"]]; function getCity () {// Dapatkan objek kotak drop-down provinsi var sltprovince = document.form1.province; // Dapatkan objek kotak drop-down kota var sltcity = document.form1.city; // Dapatkan array kota var dari provinsi provinsi yang sesuai = kota [sltprovince.selectedIndex - 1]; // Bersihkan kotak drop-down City, hanya menyisakan opsi prompt sltcity.length = 1; // Isi nilai dalam array kota ke dalam kotak drop-down kota untuk (var i = 0; i <provincity.length; i ++) {sltcity [i+1] = opsi baru (provinsi [i], provinsi [i]); }} </script> </head> <body> <bentuk metode = post action = "" name = "form1"> <pilih name = "province" onchange = "getCity ()"> <value opsi = "0"> Pilih provinsi Anda </opsi nilai = "gansu"> opsi </0 " Provinsi "> Provinsi Fujian </pection> <option value =" provinsi guangdong "> provinsi guangdong </pection> <option value =" provinsi gansu "> provinsi gansu </pection> </pilih> <pilih name =" city "> <opsi value =" 0 "> Pilih kota Anda </option> </pilih </formulir> </FormKode ini relatif sederhana.
Jika Anda tidak terbiasa dengan JS, Anda dapat melihat konten berikut tentang JS Processing Pilih Objek :
1. Gunakan properti SelectedIndex untuk mendapatkan indeks opsi saat ini
Opsi di kotak drop-down adalah array linier, setiap opsi memiliki indeks, dan SelectedIndex mewakili nomor indeks dari opsi yang saat ini dipilih. Dikombinasikan dengan atribut opsi, objek opsi yang dipilih dapat diperoleh, sehingga dapat diproses lebih lanjut. Ketika kotak drop-down dapat dipilih beberapa, properti SelectedIndex mengembalikan indeks yang dipilih pertama.
SelectedIndex adalah properti baca saja. Jika Anda ingin mengatur item di kotak drop-down yang ditentukan melalui indeks ke status yang dipilih, Anda dapat mengatur objek opsi yang dipilih = benar untuk mencapainya.
2. Tambahkan opsi ke objek Pilih
sltcity [i+1] = opsi baru (provinsi [i], provinsi [i]);
Opsi baru (provinsi [i], provinsi [i]) berarti membuat objek opsi dengan nilai provinsi [i] dan teksnya adalah provinsi [i]. Sltcity adalah objek kota di halaman. I+1 Menentukan lokasi opsi yang baru ditambahkan.
3. Hapus Objek Pilih
Ada dua cara untuk menghapus semua opsi di kotak drop-down.
Metode pertama adalah melintasi penghapusan:
var l = mySelect.length; untuk (var i = 0; i <l; i ++) {myselect.options [i] = null; }Metode kedua relatif sederhana, jadi metode ini umumnya digunakan:
mySelect.length = 0;