Enabling/Disabling button through dropdown using Angularjs

Question

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

Check this link -- > ngDisabled

Amarnath Balasubramanian
– Amarnath Balasubramanian

2014-01-31 06:35:51 +00:00
Commented Jan 31, 2014 at 6:35 — Amarnath Balasubramanian
– Amarnath Balasubramanian, Commented Jan 31, 2014 at 6:35

Behrang Saeedzadeh · Accepted Answer · 2014-01-31 05:27:06Z

5

You can use ng-disabled:

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

answered Jan 31, 2014 at 5:27

Behrang Saeedzadeh

48.2k27 gold badges126 silver badges168 bronze badges

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

Collectives™ on Stack Overflow

Enabling/Disabling button through dropdown using Angularjs

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related