CODEWITHSUNDEEP
javascriptjqueryhtmlangularjscascadingdropdown
Nag
Nag

Reputation: 129

dependent cascading drop down box list in AngularJS or jquery?

I am trying to implement dependent cascading drop down list in AngularJS. It is coming fine for: If I select any Country(say: Country1), then it's states(say: State1, State2, State3) are displaying in second drop down box(it's fine).

But my requirement is that: after displaying the above relevant states for a country, I need to display only that respective selected country for the given states in the first drop down box(say if I select either State1 or State2 or State3 of Country1 then Country1 should be displayed in the first drop down box(since Country1 is having those states), and other countries(Country2, Country3) should be disabled or disappeared or not visible in the first drop down box). Created Fiddle. Please help me that how can I implement it eihter in jquery or angularjs ? Thanks in advance.

Upvotes: 0

Views: 225

Answers (1)

Nag
Nag

Reputation: 129

if I write ng-diabled="cities" in the first drop down box, then it is working fine as per my requirement.

Upvotes: 0

Related Questions