I am creating a web app in which i am using c# with angularjs currently i am updating my records in which i have one dropdownlist called zone which looks like this
Solution 1:
Solution 2:
Try this :
<select ng-model ="uzone" ng-change ="locationupd(c)" >
<option ng-repeat ="l in gzone" ng-value ="l.jzone" > {{l.jzone}}</option >
</select >
Copy Solution 3:
use a $scope variable to select the option first.
in my case i have $scope.opt = $scope.items[0];
angular
.module ("myModule" , [])
.controller ("myController" , ['$scope' , function ($scope ) {
$scope.items = [{id : 1 ,label : 'aLabel' }, {id : 2 ,label : 'bLabel' },{id : 3 ,label : 'cLabel' }, {id : 4 ,label : 'dLabel' }, {id : 5 ,label : 'eLabel' }, {id : 6 ,label : 'fLabel' }, {id : 7 ,label : 'gLabel' }];
$scope.opt = $scope.items [0 ];
}]);Copy <script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js" > </script >
<body ng-app ="myModule" >
<div ng-controller ="myController" >
<select ng-model ="opt" ng-options ="i as i.label for i in items track by i.id " >
<option value ="" > Select ALL</option >
</select > <br />
</div >
</body > Copy
Solution 4:
I dealt with a similar situation yesterday at work.
What I had to do: Set CH/Switzerland as default value for vm.selectedCountry.
CodePen code (using select):
<select class ="selector" ng-model ="vm.selectedCountry" ng-options ="country.name for country in vm.countries" ng-init ="vm.selectedCountry = {'name': 'Switzerland', 'code': 'CH', 'init': true}" >
<option value ="" ng-show ="vm.selectedCountry.init" > Switzerland</option >
</select >
Copy Drop-down List (AngularJS): Adding default value using select, ng-init and ng-show
CodePen code (using md-select and Angular Material):
<md-select ng-model ="vm.selectedCountry" ng-init ="vm.selectedCountry = vm.selectedCountry?selectedCountry : 'CH';" >
<md-option ng-value ="'CH'" ng-selected ="vm.selectedCountry == 'CH'?true:false" > Switzerland</md-option >
<md-option ng-repeat ="country in vm.countries" ng-value ="country.code" >
{{country.name}}
</md-option >
</md-select >
Copy Drop-down List (AngularJS): Adding default value using md-select, ng-init and ng-selected
In the above one, the default value is spliced from the array and put first in md-select (else, duplication occurs).
Post a Comment for "Dropdown Is Passing Blank Value In My Update Syntax Angularjs"