Set Default Text Option in AngularJS Dropdownlost

Question

I have an angularjs dropdownlist using ng-options

<select ng-options="perlocation.name for perlocation in locations" ng-model="locationDropdown">

My dropdown list loads fine but the selected option 0 is empty and i want to replace it with "Please Select One"

<option value="?" selected="selected"></option>

How do i do this? All the examples i have seen online doesnt seem to work.

Thanks

David says Reinstate Monica · Accepted Answer · 2015-03-28 04:56:48Z

4

In the angular documentation for select it states

Optionally, a single hard-coded element, with the value set to an empty string, can be nested into the element. This element will then represent the null or "not selected" option. See example below for demonstration.

Which means you can do this:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-init="arr=[1,2,3]">
    <select ng-model="val" ng-options="x for x in arr">
      <option value="">Please select an option</option>
    </select>
    <br>
    Val: {{val}}
  </div>
</div>

answered Mar 28, 2015 at 4:56

David says Reinstate Monica

20.2k22 gold badges84 silver badges124 bronze badges

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

Comments

jruizaranguren · Accepted Answer · 2015-10-29 07:52:07Z

-2

Initialize $scope.locationDropdown = 'Please Select One' as default

or

<select ng-options="perlocation.name for perlocation in locations" ng-model="locationDropdown">
  <option> Please Select One </option>
</select>

edited Oct 29, 2015 at 7:52

jruizaranguren

13.8k7 gold badges60 silver badges74 bronze badges

answered Mar 28, 2015 at 4:55

Arpit Srivastava

2,2351 gold badge16 silver badges28 bronze badges

3 Comments

David says Reinstate Monica Over a year ago

This is not good because then 'Please Select One' becomes a valid option, which it should not be.

Arpit Srivastava Over a year ago

@DavidGrinberg it depend upon him how he want and select is itself a directive and we adding html inside in it.I don't know may be it's a right things

David says Reinstate Monica Over a year ago

It does not depend. You never want "please select one" to be an actual option. Also you're edit doesn't even work, please read the angular docs.

Collectives™ on Stack Overflow

Set Default Text Option in AngularJS Dropdownlost

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related