set default selected value in <option> in angularjs

Question

I want to display by default a value from a json which is something like

[{"city":"SURAT"},{"city":"BARODA"},{"city":"AHMEDABAD"},{"city":"MUMBAI"}]

this is came from server. I am store this value in $scope.user_all_city and there is one city is provided to user which is i am stored in this

$scope.user_city = "surat";

now my select tag is something like this

<select ng-model="model.user_all_city" ng-options="rm.city for rm in user_all_city" ng-init="model.user_all_city=user_city">

it is display first value as a blank. it is return to me default city when i am print {{mode.user_all_city}} but it is didn't display as selected option in it.

please help me over here and how to call a function in when i am change the value.

Possible duplicate of how to use ng-option to set default value of select element — Jorg
– Jorg, Commented Apr 12, 2016 at 7:26

Rishabh Jain · Accepted Answer · 2016-04-12 07:47:27Z

1

Try using ng-repeat instead of ng-options basically the ng-options is not that much descriptive in angularjs.

  <select ng-model="cityName" required>
<option>Select city</option>
<option ng-selected="cityName==city" value="{{city}}" ng-repeat="city in cityList"></option>
</select>

here the required attribute will enusre that select city is highlighted in case of null value. and ng-selected will check if that expression is true and the only that object is selected.The value inseide the model=cityName play the role of selected value here.

answered Apr 12, 2016 at 7:47

Rishabh Jain

972 bronze badges

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

Collectives™ on Stack Overflow

set default selected value in <option> in angularjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related