本篇文章介紹給大家設定select下拉框預設值的方式。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。
我們可以在所需選項上使用「selected」屬性來設定select元素的預設值，這是一個布林屬性。
預設情況下，具有「selected」屬性的option標籤將顯示在下拉清單select標籤中。
語法：
<option value="value" selected>选项名称</option>
範例1：使用selected屬性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置select元素的默认值</title> </head> <body style = "text-align:center;"> <b>如何设置select元素的默认值？</b> <p>默认情况下，显示第一个option选项</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional">Professional</option> <option value="corporate">Corporate</option> </select> <p>设置Professional选项为默认值</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional" selected>Professional</option> <option value="corporate">Corporate</option> </select> </body> </html>
效果圖：
範例2：在清單中新增類似「請選擇選項」的訊息。此選項除了選取之外還具有隱藏和停用屬性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>设置select元素的默认值</title>
</head>
<body style = "text-align:center;">
<p>设置select选项框的默认值</p>
<select name="plan" id="plan">
<option value="none" selected disabled hidden>请选择选项</option>
<option value="free">Free</option>
<option value="starter">Starter </option>
<option value="professional">Professional</option>
<option value="corporate">Corporate</option>
</select>
</body>
</html>效果圖：
推薦學習：html影片教學
#以上是如何設定HTML select下拉方塊的預設值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
