Option selected 属性
selected 属性可设置或返回选项的 selected 属性的值。
该属性设置选项的当前状态,如果为 true,则该选项被选中。该属性的初始值来自 <option>
的 selected 属性。
语法
设置 selected 属性:
optionObject.selected=true|false
返回 selected 属性:
optionObject.selected
浏览器支持
所有主要浏览器都支持 selected 属性。
在线实例
实例
本例可更改下拉列表中的被选选项:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>牛客教程(nowcoder.com)</title> <script> function displayResult(){ document.getElementById("orange").selected=true; } </script> </head> <body> <form> 选择你最喜欢的水果: <select> <option id="apple">Apple</option> <option id="orange">Orange</option> <option id="pineapple" selected="selected">Pineapple</option> <option id="banana">Banana</option> </select> </form> <button type="button" onclick="displayResult()">选择 Orange</button> </body> </html>