html下拉框select及其選項option的初探
阿新 • • 發佈：2019-02-18
直接上程式碼吧：
對使用者來說， 顯示的是Volvo, 但一旦被選擇， 對程式設計師來說， 需要獲取的是1這個值。<html> <body> <button onClick="output()">test</button> <select id="me"> <option value="1">Volvo</option> <option value="2">Saab</option> <option value="3">Opel</option> <option value="4" selected="selected">Audi</option> </select> <script> function output() { var x = document.getElementById("me"); alert(x.value); } </script> </body> </html>
如上的selected表示預設選項。
當然， 要在程式中捕捉使用者的選項， 也可以這麼搞， 用標籤本書的屬性， 如selectedIndex：
<html> <body> <button onClick="output()">test</button> <select id="me"> <option value="11">Volvo</option> <option value="22">Saab</option> <option value="33">Opel</option> <option value="44" selected="selected">Audi</option> </select> <script> function output() { var x = document.getElementById("me"); alert(x.selectedIndex); } </script> </body> </html>