首頁猿問如何讓一個下拉框初始是空白的

如何讓一個下拉框初始是空白的

JavaScript

ibeautiful 2018-08-10 10:09:29

然后點開下拉框有選項，但是選不了空白的那一項，下面這個代碼我測試好著，但是放在項目里不知道為什么不起作用<html> <body onload="test()"><select id="xxx" > <option value="10">1</option> <option value="20">2</option> <option value="30">3</option> <option value="40">4</option> </select><script>function test(){ var x = document.getElementById("xxx"); x.selectedIndex = -1;}</script></body> </html>

查看完整描述

1 回答

DIEA

TA貢獻1820條經(jīng)驗獲得超3個贊

不用寫 javascript，直接放一個空白的 option 並預(yù)設(shè)選取就好

<select id="xxx" >
    <option value="" selected></option> 
    <option value="10">1</option>  
    <option value="20">2</option>      
    <option value="30">3</option>      
    <option value="40">4</option>   </select>

如果要讓空白選項無法選擇的話，加個 disabled 就 ok

<select id="xxx" >
    <option value="" disabled selected></option> 
    <option value="10">1</option>  
    <option value="20">2</option>      
    <option value="30">3</option>      
    <option value="40">4</option>   </select>

反對回復(fù) 2018-09-21