html - Select input select all options at once with JavaScript

I have this code

<!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>

I want to select all option at once with JavaScript.

I have this code

<!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>

I want to select all option at once with JavaScript.

Share Improve this question edited Apr 7, 2020 at 19:58 isherwood 61.1k16 gold badges120 silver badges168 bronze badges asked Aug 16, 2015 at 21:36 MrLitC0de 651 gold badge2 silver badges11 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 14

Here is one way you could do it:

    function selectAll()
    {
    	options = document.getElementsByTagName("option");
    	for ( i=0; i<options.length; i++)
    	{
    		options[i].selected = "true";
    	}
    }

    <!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>

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

html - Select input select all options at once with JavaScript - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)