Angular select list only submits when value changed

Question

I just have a static select list with 2 options so I didn't use the ng-options parameter. This works only if the user does something to the dropdown. If they leave the value as-is, the dataItem comes through as undefined.

<select ng-model="dataItem.Options">
    <option value="1" ng-selected="selected">1</option>
    <option value="2">2</option>
</select>

How can I just use the default value, or why isn't my unchanged dropdown passing a value back to my controller? I've also tried to use ng-init="1" in the select tag, but that doesn't seemt to work either.

@FlorianTopf - Thanks for the reply. ng-init didn't work either. I forgot to mention that I tried that. Updating my post now. — fischgeek, Dec 28 '15 at 23:08
This thread might be from help: http://stackoverflow.com/questions/14297560/how-to-make-a-preselection-for-a-select-list-generated-by-angularjs — FlorianTopf, Dec 28 '15 at 23:10
@LFMarabunta Yes, but it's returning neither. It's Undefined. I'm going to try Scott's answer here this morning. — fischgeek, Dec 29 '15 at 13:59

score 0 · Accepted Answer · answered Dec 29 '15 at 00:32

0

You'll need to set dataItem.Options to the value you want to select

     $scope.dataItem = {Options: '1'};

Note that the value is a string, '1', and not the number 1. THen you can remove the ng-selected.

answered Dec 29 '15 at 00:32

Scott

1,690
3
13
18

That worked. I just had to wrap it in an if (!dataItem.Options) check first, but it does the job! Thank you! – fischgeek Dec 29 '15 at 16:08

Angular select list only submits when value changed

1 Answers1