Latest web development tutorials

HTML DOM Pilih pilihan koleksi

Pilih Object Reference Pilih Objek

Definisi dan Penggunaan

pilihan untuk kembali koleksi berisi semua <option> adalah array <pilih> elemen.

Catatan: Setiap elemen dalam array sesuai dengan <option> tag - mulai dari 0.

tatabahasa

selectObject.options

milik

属性 描述
length 返回集合的option元素数目
selectedIndex 设置或者返回select对象已选选项的索引值。(以 0 起始)

cara

方法 描述
[index] 以数字形式指定元素索引 (以 0 开始)
[add(element[,index])] 在集合中添加option元素
item(index) 以数字索引返回集合中元素
namedItem(name) 以名称为索引返回集合元素
remove(index) 从集合中移除元素


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung pengumpulan Pilihan


contoh

contoh

Siklus daftar keluaran tarik-turun dari semua pilihan:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "mySelect");
var txt = "Semua pilihan:";
var i;
untuk (i = 0; i <x.length; i ++) {
txt = txt + "\ n" + x.options [i] .text;
}
alert (txt);
}
</ Script>
</ Kepala>
<Body>

<Form>
buah favorit Anda:
<Pilih id = "mySelect">
<Pilihan> Apel </ option>
<Pilihan> Orange </ option>
<Pilihan> Pineapple </ option>
<Pilihan> Banana </ option>
</ Pilih>
</ Form>
<Tombol type = "button" onclick = "displayResult ()"> untuk menampilkan teks semua pilihan </ button>

</ Body>
</ Html>

Coba »


contoh s

contoh yang lebih

Juga melalui pull-down menu Options untuk mengubah pilihan untuk menu drop-down saat.


Pilih Object Reference Pilih Objek