我有一個很奇怪的要求，其中要求我默認在HTML的下拉菜單中沒有選擇任何選項。然而，我不能用這個<select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option></select>因為，為此，我必須進行驗證才能處理第一個選項。有人可以在沒有將第一個選項實際包含在select標簽中的情況下幫助我實現此目標嗎？
3 回答
翻翻過去那場雪
TA貢獻2065條經驗 獲得超14個贊
也許這會有所幫助
<select>
<option disabled selected value> -- select an option -- </option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
-- select an option --將默認顯示。但是，如果您選擇一個選項，則將無法再次選擇它。
您也可以通過添加一個空白來隱藏它 option
<option style="display:none">
因此它將不再顯示在列表中。
選項2
如果您不想編寫CSS并期望與上述解決方案具有相同的行為，請使用：
<option hidden disabled selected value> -- select an option -- </option>
慕的地6264312
TA貢獻1817條經驗 獲得超6個贊
您可以使用Javascript實現此目的。嘗試以下代碼：
的HTML
<select id="myDropdown">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
JS
document.getElementById("myDropdown").selectedIndex = -1;
或JQuery
$("#myDropdown").prop("selectedIndex", -1);
- 3 回答
- 0 關注
- 831 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消