how to bind data on dropdown change based on id in an

Question

by using follwing code am able to add new row and getting selected id, but address and mobile are not binding based on id to text boxes please find code here https://jsbin.com/veduxayepa/edit?html,js,output

Vaibhav Deshmukh · Answer

I attached file and its works fine as you wanted. Check it out and let me know.

Vaibhav Deshmukh · Answer

Zip file contains Db backup file and Angular Js Project . Browse with http:\localhost(portnumber)/ Home / CreateDropDown Name of Controller and View: CreateDropDown WebService Name: Employee.asmx Check your connection string also.

suman goud · Answer

1.am getting data using entity framework 2.am binding data to this table from multiple tables , so i created receiptsviewmodel. and please give me your project,i helpful to me

Vaibhav Deshmukh · Answer

I have questions for you that i know what exactly you are doing:: 1.To get data from db are you using WebService? 2.You are binding customer to select element as ng-options.And you are retriving data into $scope. ReceiptsViewModel 3.And Two input td elements you are doing same. ReceiptsViewModel.PendingAmount ReceiptsViewModel.AdjustAmount 4.Then how JS will bind data from Cusomer and ReceiptsViewModel. I have these doubt in my mind...? And if you want project that Iused WebService to get data from db and And it works as per your requirement. That Select from Dropdown and Fill that textboxes accordingly. If you want project t hen i will give you for demo purpose.

suman goud · Answer

Thank you Vaibhav it is working perfectly, but when am binding from database am getting issue, am able to get selected customer data from db, if i select madhu , am getting data of madhu and binding with adding row ,in next row also same madhu data binding(if i select bhanu in 2nd dropdown am getting bhanu data correctly,but this data binding to all rows) am trying to add for loop condition to get only selected data , but not getting this is my actual code Customer Pendings Pending Value select Customer $scope.rvm = [{}]; $scope.GetAccountBalance = function (index, c) { //adding new row on dropdown change if ($scope.rvm.length == (index + 1)) { $scope.rvm.push({ }); } //getting pending data from database based on customer var getPendingData = ReceiptsService.GetPendings(c); getPendingData.then(function (d) { var Cid=index; //foreach(index, function (index, c) { // $scope.ReceiptsViewModel = d.data; // $scope.ReceiptsViewModel.PendingAmount = $scope.ReceiptsViewModel.Amount - $scope.ReceiptsViewModel.AmountAdjusted; //}); $scope.ReceiptsViewModel = d.data; }, function (error) { alert('Error'); }); }