Hi I have following dropdown

    <select ng-model="item" ng-options="a.name for a in adda" ng-change="onChange()">
        <option value="">
            Add new account
        </option>
    </select>

In my code I have following button..

  <button class="btnS btn-success ctrl-btn" ng-click="save()"> Submit</button>

What i want the button disabled and only be enabled if one of the options in the drop down is selected. Thanks

Hi I have following dropdown

    <select ng-model="item" ng-options="a.name for a in adda" ng-change="onChange()">
        <option value="">
            Add new account
        </option>
    </select>

In my code I have following button..

  <button class="btnS btn-success ctrl-btn" ng-click="save()"> Submit</button>

What i want the button disabled and only be enabled if one of the options in the drop down is selected. Thanks

• javascript
• html
• angularjs

Share Improve this question Follow asked Jan 31, 2014 at 5:24 J. DavidsonJ. Davidson 3,3171414 gold badges5656 silver badges105105 bronze badges 1

• Check this link -- > ngDisabled – Amarnath Balasubramanian Commented Jan 31, 2014 at 6:35

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You can use ng-disabled:

<button 
   class="btnS btn-success ctrl-btn" 
   ng-click="save()" 
   ng-disabled="!item"> Submit</button>