Html选择输入使用JavaScript一次选择所有选项

时间:2015-08-16 21:36:11

标签: javascript html

我有这段代码

<!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一次选择所有选项 我试过谷歌,但我没有找到任何东西

1 个答案:

答案 0 :(得分:4)

这是你可以做到的一种方式:

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