HTML DOM Pilih add () metode
Definisi dan Penggunaan
Metode menambahkan () digunakan untuk <pilih> Tambahkan <option> elemen.
tatabahasa
selectObject.add(option,before)
参数 | 描述 |
---|---|
option | 必需。要添加选项元素。必需是 option 或 optgroup 元素。 |
before | 必需。在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组的末尾。 |
Dukungan Browser
Semua browser utama mendukung menambahkan () metode
Tip: tambahkan () metode memerlukan pernyataan halaman di IE8 dan versi IE DOCTYPE !.
contoh
contoh
Contoh berikut dapat ditambahkan ke "kiwi" pilihan untuk akhir daftar drop-down:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "mySelect");
option var = document.createElement ( "option");
option.text = "Kiwi";
try {
// Untuk versi sebelumnya dari IE8
x.add (pilihan, x.options [nol]);
} Catch (e) {
x.add (pilihan, null);
}
}
</ Script>
</ Kepala>
<Body>
<Form>
<Pilih id = "mySelect">
<Pilihan> Apel </ option>
<Pilihan> Pear </ option>
<Pilihan> Banana </ option>
<Pilihan> Orange </ option>
</ Pilih>
</ Form>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Insert Options </ button>
<P> <b> Catatan: </ b> add () metode bekerja dengan baik di IE8 atau lambat, untuk menambahkan deklarasi DOCTYPE dalam halaman !. Juga mencatat bahwa kode tambahan untuk versi sebelumnya dari IE 8. </ P>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "mySelect");
option var = document.createElement ( "option");
option.text = "Kiwi";
try {
// Untuk versi sebelumnya dari IE8
x.add (pilihan, x.options [nol]);
} Catch (e) {
x.add (pilihan, null);
}
}
</ Script>
</ Kepala>
<Body>
<Form>
<Pilih id = "mySelect">
<Pilihan> Apel </ option>
<Pilihan> Pear </ option>
<Pilihan> Banana </ option>
<Pilihan> Orange </ option>
</ Pilih>
</ Form>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Insert Options </ button>
<P> <b> Catatan: </ b> add () metode bekerja dengan baik di IE8 atau lambat, untuk menambahkan deklarasi DOCTYPE dalam halaman !. Juga mencatat bahwa kode tambahan untuk versi sebelumnya dari IE 8. </ P>
</ Body>
</ Html>
Coba »
contoh yang lebih
Sebelum daftar drop-down dari opsi yang dipilih untuk menambahkan opsi
Pilih Objek