angularjs select required not working ng-options

angularjs select ng-options
bytez picture bytez · Jul 23, 2014 · Viewed 44.3k times · Source

I am trying to ensure a user selects a value from a select box before submitting the form. This works correctly with static options; it however fails when populating the options via a model using ng-options

Examplehttp://plnkr.co/edit/wRqSCNskLo5c48jy4nQf

I am using AngularJS 1.2.9

Thank you in advance.

Answer

Viktor picture Viktor · Jul 24, 2014

In your example changing the data bound select to the following fixes the required directive. I'm not sure why exactly.

<select ng-model="selectedValue1" ng-options="opt for opt in ['Mazda2','Maxda3']" required>
  <option></option>
</select>

Related questions

key-value pairs in ng-options

I need to use an associative array as data source for my select options using AngularJS. Is it possible to use an array like this? { "key1": "val1", "key2": "val2", "key3": "val3", ... } and get something like this: <select> <…

Read More
AngularJS - setting selected value of dropdown does not work

I made a fiddle replicating my problem here: http://jsfiddle.net/U3pVM/2840/ As the title suggests, I can't set the selected value of a select populated using ng-options. I have searched and tried all possible solutions that I found. …

Read More
Angularjs - dynamic ng-options

For the need of a directive i'm writing, i have to construct dynamically the ng-options expression. Here is what i tried. In my directive: // ... scope.labelProperty = 'name'; scope.selectOptions = "l." + scope.labelProperty + " for l in list"; In my html template: &…

Read More