AngularJS dropdown value from form undefined

Question

I´m trying to get the value from a dropdown when submitting a form in AngularJS but ends up with an undefined value. See this fiddle: http://jsfiddle.net/ironhead/Td2NZ/280/ textfields works with $scope.nameoftextbox but how to get the name/value of a dropdown?

<form ng-submit="submitForm()" novalidate>
    <select name="test" ng-model="form.type" ng-options="option.name for option in typeOptions" ></select>
    <input type="submit" value="submit">
</form>

<script>
    $scope.submitForm = function (post) {
    alert($scope.test);
}
</script>

Your model is form.type so $scope.form.type

tymeJV
– tymeJV

2014-11-24 23:06:07 +00:00
Commented Nov 24, 2014 at 23:06 — tymeJV
– tymeJV, Commented Nov 24, 2014 at 23:06

raina77ow · Accepted Answer · 2014-11-24 23:11:31Z

1

With ng-model directive, you bind a specific $scope property - form.type - to that select. This model's value changes when a user selects different options, according to how these elements were created in the first place (with ng-options directive). So you only have to check the model's value, that's all! For example:

alert($scope.form.type.name);

Demo.

edited Nov 24, 2014 at 23:11

answered Nov 24, 2014 at 23:06

raina77ow

107k16 gold badges205 silver badges240 bronze badges

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

Collectives™ on Stack Overflow

AngularJS dropdown value from form undefined

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