Halo semua,
Menggunakan Javascript, saya telah menulis kode berikut untuk menambahkan item ke listbox
jenis skrip = "teks/javascript">
fungsi addItem()
{
waspada (dokumen. getElementById("selCity"). panjang);
var newLength = dokumen. getElementById("selCity"). panjang;
dokumen. getElementById("selCity")[PanjangBaru] = dokumen. createElement("opsi");
//dokumen. getElementById("selCity")[PanjangBaru]. nilai = dokumen. getElementById("Kotak Teks"). nilai;
dokumen. getElementById("selCity")[PanjangBaru]. teks=dokumen. getElementById("Kotak Teks"). nilai;
kembali salah;
}
Item ditambahkan ke kotak daftar, tetapi item tidak dibatasi ke kotak daftar
Misalnya. tanggapan. tulis (selcity. item. menghitung. tostring) --> Mengembalikan 0
kenapa gitu? . Ada yang bisa bantu saya?
Salam
Helen
Bagaimana cara menghapus item daftar yang ditambahkan menggunakan JavaScript?
Meningkatkan Artikel
Simpan Artikel
Seperti Artikel
- Terakhir Diperbarui. 06 Juli 2021
Meningkatkan Artikel
Simpan Artikel
Dalam artikel berikut, kami menambahkan dan menghapus item daftar secara dinamis menggunakan JavaScript. Kami menggunakan JavaScript untuk menambah dan/atau menghapus item daftar secara dinamis yang berarti bahwa jika kami menjalankan halaman web kami, ini akan menampilkan opsi untuk menambah dan menghapus item menggunakan tombol
Mendekati. Di halaman web, satu kotak teks input diberikan untuk entri pengguna untuk menambahkan item daftar. Dua tombol diberikan untuk menambahkan item daftar dan juga menghapus item daftar. Item daftar ditambahkan atau dihapus menggunakan fungsi JavaScript addItem() dan removeItem(). Item daftar dibuat menggunakan dokumen. createElement() dan untuk membuat node teks, document. metode createTextNode() digunakan dan kemudian node ini ditambahkan menggunakan metode appendChild(). Item daftar dihapus menggunakan metode removeChild()
Fungsi bawaan yang digunakan tercantum di bawah ini
- Buat elemen baru. Kita dapat membuat elemen baru menggunakan dokumen. fungsi createElement(). Ini akan membuat elemen secara dinamis
- Tambahkan elemen. Kita dapat menambahkan elemen menggunakan fungsi appendchild().
- Buat simpul teks. Kita dapat membuat simpul teks menggunakan dokumen. elemen createTextNode(). HTML terdiri dari simpul elemen dan simpul teks. Jadi metode createTextNode() membuat simpul teks dengan teks yang ditentukan
- Hapus elemen yang ada. Kami dapat menghapus anak dari daftar yang dibuat dengan menggunakan fungsi removechild()
Contoh. Kode berikut menunjukkan penambahan dan penghapusan item daftar menggunakan fungsi JavaScript
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<0<<2>
<_4<5
<6<7
<6<9
<6html1
<_4html3
<_4
<4html6
<6<7
<6lang0
<6lang2
<_4html3
<_4
<4lang7
<6lang9
<_4html3
<0=3<2>
________4lang_8_______>
<"en"0>
<0________1__5_______4 "en"5="en"7"en"8"en"4>
<0________1__6_______3 >4=>6 "en"5=>9 <0
<0<<3 <4=<6 <7=<9>
<0head2<3>
<0<<3 <4=>0 <7=<9>
<0>6<3>
<0<<01>
<_4<04
<6<06
<6<08
<6<10
<6<12
<6<14
<6<16
<_4html3
<_4<20
<_4<22
<6<24
<6<06
<6<08
<_6<30
<6<32
<_4html3
<0=3<01>
________4lang_5_______0>
=_3html>
Keluaran. Sekarang, klik tambahkan item untuk menambahkan item apa pun ke daftar. Klik hapus item untuk menghapus item apa pun dari daftar