How do I add returned JavaScript array items to specific textboxes

Question

I called a URL using AJAX using the following code below and it returned 2 items in an array in this format ["item1", "item2"]

function getbook()
{        
    $.ajax({
        type: "POST",
        url: "/Home/getBooked",
        data: { "bookNumber": mobile },
        success: function(succ) { // I need to add the items in succ to some text boxes as shown below
            $.each(succ, function (index, element) {
                    $('#tb1').val(element);
                    $('#tb2').val(element);
            });                           
        },
        error: function(err) { 
            alert("An error is thrown"); 
        }
    });
}

But the issue is that only the last item in the succ array is shown in both the textboxes. When I used the alert function to display the contents of succ, it displayed both the items. Clearly i'm missing something. I'll be glad if anyone could help.

Your loop is adding each element to each textbox and the 2nd iteration is overriding the first. I assume you want $('#tb1').val(succ[0]) and $('#tb2').val(succ[1]) — user3559349
– user3559349, Commented Jan 30, 2016 at 8:30

Ibrahim Khan · Accepted Answer · 2016-01-30 08:31:21Z

1

The problem is you are setting the value in each iteration. Try like following.

success: function (succ) { 
    $('#tb1').val(succ[0]);
    $('#tb2').val(succ[1]);
}

answered Jan 30, 2016 at 8:31

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

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

Comments

santy · Accepted Answer · 2016-01-30 08:55:20Z

1

if the IDs of textbox is kind of sequence then we can resolve like bellow:

        $.each(succ, function (index, element) {
            $('#tb'+ (index + 1)).val(element);
        });

answered Jan 30, 2016 at 8:55

santy

3101 silver badge10 bronze badges

Collectives™ on Stack Overflow

How do I add returned JavaScript array items to specific textboxes

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related