remove empty option from my dropdown angularjs

Question

i am creating a web app and i have a dropdownlist

<select id="drdsearch" ng-model="drd" style="margin-top:-39px; margin-left:300px; height:30px; width:200px; font-size:12px;"><option value="select">select</option>
        <option value="default">Default</option>
        <option value="venue">Venue Name</option>
        <option value="date">Date</option>
    </select>

with these textboxes

 <input type="text" ng-hide="true" ng-show="drd=='default'" placeholder="d" name="default">
    <input type="text" ng-hide="true" ng-show="drd=='venue'" placeholder="e" name="venue name">
    <input type="text" ng-hide="true" ng-show="drd=='date'" placeholder="l" name="Date">

i used angularjs for (hide/show)textboxes but now when i run my program dropdown automatically included an extra blank option field

now there are four fields in my dropdow 1st ( )blank

2nd default

3rdvenue

4thDate

what i need to do to remove the extra (blank option) from the dropdownlist

Adwaenyth · Accepted Answer · 2016-10-07 12:15:27Z

0

Initialize the value in your $scope.drd with 'default' and you should be fine.

answered Oct 7, 2016 at 12:15

Adwaenyth

2,1401 gold badge15 silver badges24 bronze badges

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

2 Comments

user6656724 Over a year ago

Sir where i need to initialize the value?

Adwaenyth Over a year ago

Either in the controller using the $scope variable or you could try ng-init="drd='default'".

Collectives™ on Stack Overflow

remove empty option from my dropdown angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related