Set default value on select drop down in HTML?

Asked Dec 11 '15 at 13:19

Active Dec 11 '15 at 13:23

Viewed 1,454 times

I am trying to set the default value for a select drop down, but for some reason the below (which is the only recommended solution I could find) doesn't seem to work:

<div>
   <div class="label">Car hire</div>
   <select class="custom-dropdown" ng-model="quote.user.carHire">
      <option>Standard - 30 days</option>
      <option>Standard - 60 days</option>
      <option>Executive - 30 days</option>
      <option>Executive - 30 days</option>
      <option selected="selected">None</option>
   </select>
</div>

What am I missing?

edited Dec 11 '15 at 13:23

SaidbakR

13,303
20
101
195

asked Dec 11 '15 at 13:19

lensvelt

Try – Lucky Chingi Dec 11 '15 at 13:20
1

Also, please include the browser and browser version. Are you using any JavaScript library? – Pampattitude Dec 11 '15 at 13:22
1

This is an online [**demo**](http://jsbin.com/cekuvakuza/edit?html,output) of your code and it is working fine using Google Chrome version 47 – SaidbakR Dec 11 '15 at 13:26
Possible duplicate of [How can I set the default value for an HTML – Manoj H L Dec 11 '15 at 13:27
`selected` property in the ` – Marcos Pérez Gude Dec 11 '15 at 13:33
Maybe angular is messing up the markup selection based on the model (`ng-model="quote.user.carHire"`)? – lupz Dec 11 '15 at 13:51

Set default value on select drop down in HTML?

0 Answers0