Untuk menambahkan daftar tarik-turun secara dinamis, Anda perlu membuat elemen HTML <select>, labelnya, dan secara opsional tag <br>
Dalam JavaScript murni, Anda dapat menggunakan dokumen. createElement() metode untuk secara terprogram membuat daftar dropdown. Kemudian Anda dapat memanggil metode appendChild() Node atau jQuery. append() metode untuk menambahkan daftar dropdown di akhir wadah.
1. Menggunakan solusi JavaScript
JS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
dokumen. getElementById('hasilkan').klik = fungsi() {
var nilai = ["dog", "cat", "parrot", "rabbit"];
var pilih = dokumen.buat Elemen("pilih");
pilih. nama = "hewan peliharaan";
pilih. adalah = "pets"
untuk (const val of values)
{
var opsi = dokumen.buatElemen("opsi");
opsi. nilai = nilai;
opsi. teks = val. karakter(0). toUpperCase() + val . .irisan(1);
pilih. appendChild(opsi);
}
var label = dokumen.buatElemen("label");
label. innerHTML = "Pilih hewan peliharaan Anda. "
label. htmlUntuk = "hewan peliharaan";
dokumen. getElementById("wadah").appendChild(label). appendChild(pilih);
}
HTML
1
2
3
4
5
6
7
8
9