how to load array response from ajax into array input textbox

Question

We are sending data through Ajax call and getting response as array. we want to loop that array and load into array input field. but data not loading into input.

 <input type="hidden" name="loadchild[]" id="loadchild[]" >

this textbox is in loop

$.ajax({
    type: "POST",
    url: "asign.php",
    data: {plan_id: plan_id},
    dataType: "json",
    success: function (dta)
    {
        /*
         here  dta['insert_id'] is single value and 
         dta['child_ids'] are multiple values and i am getting as [1,2,3,4,5]     */

        for (var i = 0; i < dta['child_ids'].length; i++)
        {
            $("#loadchild[" + i + "]").val(dta['child_ids'][i]);
        }
    }
});

here i am getting as [object Object] when asigning value to textbox

Please let me know how to pass array value one by one into

Through PHP you can't send array either you have to use json_encode or serialize that array then send to AJAX and use jQuery — Sunil Pachlangia
– Sunil Pachlangia, Commented Oct 24, 2016 at 11:53
$("#loadchild["+i+"]") This is not a valid jQuery selector, use .eq(i) instead — user6360214
– user6360214, Commented Oct 24, 2016 at 11:53
@Sunil Pachlangia OP is not sending the array to the server, he is sending another id, then wanting to return an array and output them in a bunch of input — user6360214
– user6360214, Commented Oct 24, 2016 at 11:55
$("#loadchild[]").eq(i).val(dta['child_ids'][i]); is this valid..? — venkyrao
– venkyrao, Commented Oct 24, 2016 at 11:56

JYoThI · Accepted Answer · 2016-10-24 12:24:04Z

2

try this

1)you have to escape the brackets like this

for(var i=0;i<dta['child_ids'].length;i++)
  {
   //$("#loadchild["+i+"]").val(dta['child_ids'][i]);

   $("#loadchild\\[\\]").eq(i).val(dta['child_ids'][i]);

  }

edited Oct 24, 2016 at 12:24

answered Oct 24, 2016 at 11:56

JYoThI

12.1k1 gold badge13 silver badges26 bronze badges

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

1 Comment

JYoThI Over a year ago

glad to help you @venkyrao

Collectives™ on Stack Overflow

how to load array response from ajax into array input textbox

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related