Bagaimana untuk Mencapai Fungsi Kotak Semak dalam Pilihan Pilihan?

Kefungsian Kotak Semak dalam Pilihan Pilihan

Mencapai kefungsian kotak semak dalam pilihan pilihan, walaupun terdapat batasan yang wujud, boleh dilakukan melalui gabungan HTML, CSS , dan JavaScript. Begini cara anda boleh melaksanakannya:

Penjelasan Kod:

1. HTML: Cipta borang yang mengandungi div berbilang pilih dengan dua elemen: kotak pilih dan kotak semak. SelectBox mengandungi menu lungsur pilih dengan pilihan, manakala kotak pilihan pada mulanya disembunyikan.

2. CSS:

   • Gayakan multipilih dan elemennya.
   • Letakkan elemen overSelect untuk menutup kotak pilih dan bertindak sebagai pencetus untuk menunjukkan kotak pilihan.
   • Sembunyikan kotak pilihan pada mulanya dan tunjukkan pada tuding.

3. JavaScript:

   • Tambahkan pendengar acara onclick pada SelectBox untuk menogol keterlihatan kotak pilihan.

Contoh:

Coretan kod yang disediakan menunjukkan pelaksanaan. Apabila anda mengklik pada menu lungsur, ia mendedahkan pilihan kotak pilihan.

Nota: Walaupun teknik ini menyediakan kefungsian seperti kotak pilihan, adalah penting untuk ambil perhatian bahawa semantik penanda sebenar pilihan Pilih menang 't sertakan kotak pilihan.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Fungsi Kotak Semak dalam Pilihan Pilihan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!