Default text in Angular select

angularjs ng-options angularjs-select
fanhats picture fanhats · Feb 15, 2015 · Viewed 7.3k times · Source

By default angular uses an empty value if nothing has been selected in a <select>. How can I change this to a text that says Please select one?

Answer

Michael Coleman picture Michael Coleman · Feb 15, 2015

You didnt provide any code so I can't give an example relative to your code, but try adding an option element, e.g.

<select ng-model="item" ng-options="item.category for item in items"
        ng-change="doSomething()">
    <option value="">Please select one</option>
</select>

Related questions

Using <select> and <option> in AngularJS

I have this anchor tag and i change my view depending on the date coming from the object. I am trying to change it to be a select option but it is not working the way i am doing it. …

Read More
Working with select using AngularJS's ng-options

I have read about it in other posts, but I couldn't figure it out. I have an array, $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; I want to render …

Read More
ng-options with simple array init

I'm a little bit confused with Angular and ng-options. I have a simple array and I want to init a select with it. But, I want that options value = label. script.js $scope.options = ['var1', 'var2', 'var3']; …

Read More