Angularjs populating corresponding values for selected option in dropdown

Question

I have data being passed to my view in following format

id name color type 1 Ford red sdean 2. Nisan blue truck ........

Following dropdown populates it by name

<tr  ng-repeat="p in allautos">                                        
    <td>
         <select  ng-model="p.id"  ng-options="c.id as c.name for c in records"></select>
     </td>
     <td>
         <input type="text" ng-model=p.color />
    </td>
    <td>
         <input type="text" ng-model=p.type />
    </td>
</tr>

What I am trying to do is when name is selected in the drop down I want corresponding values to populate in the input fields of color and type. Please let me know the best way to achieve that. Thanks

You could try ng-change="p.color=c.color;p.type=c.type" in your select. — Zack Argyle
– Zack Argyle, Commented Apr 1, 2014 at 0:39

j.wittwer · Accepted Answer · 2014-04-01 01:00:15Z

3

I think you are looking for this:

<select ng-model="p" ng-options="c.name for c in records track by c.id"></select>

http://plnkr.co/edit/m9ubFrYdAgPXMGhfri79?p=preview

This uses a tracking expression to help angular to match the auto in the option array.

edited Apr 1, 2014 at 1:00

answered Apr 1, 2014 at 0:55

j.wittwer

9,4973 gold badges32 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

Angularjs populating corresponding values for selected option in dropdown

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