Select input select all options at once with JavaScript

Question

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.

Lance · Accepted Answer · 2015-08-16 21:43:45Z

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>

answered Aug 16, 2015 at 21:43

Lance

3,9424 gold badges24 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Select input select all options at once with JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related