2015-08-16 190 views
-3

我有這樣的代碼HTML選擇輸入選擇所有選項:立即用JavaScript

<!DOCTYPE html> 
<html> 
<body> 

<select multiple> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

</body> 
</html> 

我想用JavaScript 一次選擇所有選項我已經試過谷歌,但我沒有發現任何

回答

4

這裏是你可以做的一種方式:

function selectAll() 
 
    { 
 
    \t options = document.getElementsByTagName("option"); 
 
    \t for (i=0; i<options.length; i++) 
 
    \t { 
 
    \t \t options[i].selected = "true"; 
 
    \t } 
 
    }
<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    
 
    <select multiple> 
 
    \t <option value="volvo">Volvo</option> 
 
    \t <option value="saab">Saab</option> 
 
    \t <option value="opel">Opel</option> 
 
    \t <option value="audi">Audi</option> 
 
    </select> 
 
    
 
    <button onClick="selectAll();">Select All</button> 
 
    
 
    </body> 
 
    </html>