dynamically creating multiple dropdown in angular js

Question

I have an issue in dynamically creating select dropdown in angular js, changing one dropdown option make changes on the rest of the dropdowns. My requirement is to use same data option in all dropdown and to get the selected option in each dropdown. How do I over come this problem?

example:

  <div ng-repeat ="option in options">
   <select class="form-control input-lg" ng-model='newcategory.option'
   ng- change="optsChanged()"required ng-options='option.value as option.name for option
   in useroptions'>
   </select> 
  <div>

I need to create a dropdown for each row of a table that has the same options, but it should be a different instance or different model to be assigned dynamically.

Do you mean make them all the same and if one changes the others reflect same value? Question is very vague — charlietfl
– charlietfl, Commented Jul 12, 2014 at 14:13
I did some edits in my question and added a few lines of code — Bijoy Alfred
– Bijoy Alfred, Commented Jul 12, 2014 at 15:07
still not clear what your issue is. Can you create a demo in jsfiddle.net or plnkr.co — charlietfl
– charlietfl, Commented Jul 12, 2014 at 15:15
here i added the code: plnkr.co/edit/2m9uErhRAbyo7vDUCF9m?p=preview — Bijoy Alfred
– Bijoy Alfred, Commented Jul 12, 2014 at 16:41

harishr · Accepted Answer · 2014-07-12 16:11:00Z

4

use the index as the subscript for the ng-model ng-model='newcategory.option[$index]'.. currently you are using the same ng-model for all the select boxes which is causing the issue

   <div ng-repeat ="option in options">
       <select class="form-control input-lg" ng-model='newcategory.option[$index]'
            ng-change="optsChanged()"required ng-options='option.value as option.name for    option in useroptions'>
       </select> 
  <div>

answered Jul 12, 2014 at 16:11

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

Collectives™ on Stack Overflow

dynamically creating multiple dropdown in angular js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related