angular js, how to enabled when selected change

Question

i have problem using angularjs, because i new.

this is my html code :

<select id="provinsiSelect" ui-select2 ng-model="params.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="v in prov" value="{{v.id}}" title="{{v.text}}"
    ng-selected="v.id == params.id">{{v.text}}</option>
</select>

<select id="kabupatenSelect" disabled ui-select2 ng-model="params2.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="y in kab" value="{{y.id}}" title="{{y.text}}"
    ng-selected="y.id == params.id">{{y.text}}</option>
</select>

as you can see that, there are two select, please help me when first select change, then second select enable from disable.

Joseph Silber · Accepted Answer · 2013-04-23 03:42:57Z

2

Simply use ng-disabled:

<select id="provinsiSelect" ui-select2 ng-model="params.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="v in prov" value="{{v.id}}" title="{{v.text}}"
    ng-selected="v.id == params.id">{{v.text}}</option>
</select>

<select id="kabupatenSelect" ng-disabled="params.id" ui-select2 ng-model="params2.id" style="width: 200px;">
    <option value=""></option>
    <option ng-repeat="y in kab" value="{{y.id}}" title="{{y.text}}"
    ng-selected="y.id == params.id">{{y.text}}</option>
</select>

Assuming you don't have an id of 0, params.id should be truthy once an id has been selected.

answered Apr 23, 2013 at 3:42

Joseph Silber

221k59 gold badges369 silver badges293 bronze badges

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

1 Comment

yozawiratama Over a year ago

Thank you joseph, you code work. but i need otherwise. as you can see that, there are two select, please help me when first select change, then second select enable from disable.

ta4ka · Accepted Answer · 2013-07-13 10:05:40Z

0

With ng-disabled as the previous comment said. You should also add a watch on the first select variable, and just set the params.id to the value you need on change.

$scope.$watch('provinsiSelect', function (newVal) {
    $scope.params.id = true;
});

answered Jul 13, 2013 at 10:05

ta4ka

926 bronze badges

Collectives™ on Stack Overflow

angular js, how to enabled when selected change

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related