HTML DOM nilai Option properti
opsi Object Definisi dan Penggunaan
nilai set properti atau mengembalikan nilai opsi (ketika data pengiriman formulir akan dikirim ke server).
Tip: Ketika formulir dikirimkan terjadi jika opsi ini dipilih, nilai, dan akan diserahkan dengan formulir.
tatabahasa
Mengatur properti nilai:
optionObject.value="text"
Mengembalikan nilai properti:
optionObject.value
Dukungan Browser
Semua browser utama mendukung nilai atribut
contoh
contoh
Tampilan nilai opsi telah memilih:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "mySelect") SelectedIndex .;
alert (document.getElementsByTagName ( "pilihan") [x] .value);
}
</ Script>
</ Kepala>
<Body>
<Form>
Pilih buah favorit Anda:
<Pilih id = "mySelect">
<Option value = "apple"> Apel </ option>
<Option value = "orange"> Orange </ option>
<Option value = "nanas"> Nanas </ option>
<Option value = "pisang"> Banana </ option>
</ Pilih>
</ Form>
<Tombol type = "button" onclick = "displayResult ()"> pilih buah nilai. </ Tombol>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "mySelect") SelectedIndex .;
alert (document.getElementsByTagName ( "pilihan") [x] .value);
}
</ Script>
</ Kepala>
<Body>
<Form>
Pilih buah favorit Anda:
<Pilih id = "mySelect">
<Option value = "apple"> Apel </ option>
<Option value = "orange"> Orange </ option>
<Option value = "nanas"> Nanas </ option>
<Option value = "pisang"> Banana </ option>
</ Pilih>
</ Form>
<Tombol type = "button" onclick = "displayResult ()"> pilih buah nilai. </ Tombol>
</ Body>
</ Html>
Coba »
opsi Object