How can I set the default value for an HTML <select> element?

html html-select
Jichao picture Jichao · Aug 19, 2010 · Viewed 2.7M times · Source

I thought that adding a "value" attribute set on the <select> element below would cause the <option> containing my provided "value" to be selected by default:

However, this did not work as I had expected. How can I set which <option> element is selected by default?

Answer

Borealid picture Borealid · Aug 19, 2010

Set selected="selected" for the option you want to be the default.

<option selected="selected">
3
</option>

Related questions

How do I make a placeholder for a 'select' box?

I'm using placeholders for text inputs which is working out just fine. But I'd like to use a placeholder for my selectboxes as well. Of course I can just use this code: <select> <option value="">Select …

Read More
Set selected option of select box

I want to set a option that was selected previously to be displayed on page load. I tried it with the following code: $("#gate").val('Gateway 2'); with <select id="gate"> <option value='null'>- choose …

Read More
Change select box option background color

I have a select box and I'm trying to change the background color of the options when the select box has been clicked and shows all the options. See Fiddle HTML: <select> <option val="">Please choose&…

Read More