Skip to content Skip to sidebar Skip to footer

How To Get Selected Value From Select Box In Angularjs

Hello Everyone I am trying to get option value from select box on button click but it shows undefined in console .Options value are coming from server Here is my html code

Solution 1:

Use ng-options instead of ng-repeat.

Like this:

Updated

<select type="text"class="form-control" placeholder="City" id="acity" ng-options="city.id as city.cityname for city in cityinfo track by city.id" ng-model="selectedCity">
    <option value="">--Select City--</option>
</select>
<button class="btn btn-info prevnext pull-right" ng-click="nextpage(selectedCity)">Next <i class="fa fa-arrow-right"></i></button>

JS:

$scope.nextpage = function(selectedCity){
    console.log(selectedCity);
}

Solution 2:

Here is the sample code.

Html code

 <select type="text"class="form-control" placeholder="City" id="acity" ng-options="city.id as city.cityname for city in cityinfo track by city.id" ng-model="currentCity">
    <option value="">--Select Cities--</option>
</select>
 <button class="btn btn-info prevnext pull-right" ng- 
  click="nextpage(currentCity)">Next <i class="fa fa-arrow-right"></i> 
  </button>

JS function

$scope.nextpage = function(currentCity){
    console.log(currentCity);
}

Post a Comment for "How To Get Selected Value From Select Box In Angularjs"