我有一個(gè)很奇怪的要求，其中要求我默認(rèn)在HTML的下拉菜單中沒(méi)有選擇任何選項(xiàng)。然而，我不能用這個(gè)<select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option></select>因?yàn)?，為此，我必須進(jìn)行驗(yàn)證才能處理第一個(gè)選項(xiàng)。有人可以在沒(méi)有將第一個(gè)選項(xiàng)實(shí)際包含在select標(biāo)簽中的情況下幫助我實(shí)現(xiàn)此目標(biāo)嗎？
3 回答
翻翻過(guò)去那場(chǎng)雪
TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
也許這會(huì)有所幫助
<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 --將默認(rèn)顯示。但是，如果您選擇一個(gè)選項(xiàng)，則將無(wú)法再次選擇它。
您也可以通過(guò)添加一個(gè)空白來(lái)隱藏它 option
<option style="display:none">
因此它將不再顯示在列表中。
選項(xiàng)2
如果您不想編寫(xiě)CSS并期望與上述解決方案具有相同的行為，請(qǐng)使用：
<option hidden disabled selected value> -- select an option -- </option>
慕的地6264312
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
您可以使用Javascript實(shí)現(xiàn)此目的。嘗試以下代碼：
的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);
添加回答
舉報(bào)
0/150
提交
取消