Return array append to input text

Question

I will send value type ajax but when data return come back will return json How to append value to input text.

$.ajax({
    type: "POST",
    url: "find_data.php",
    data: "location=" + location_code,
    success : function(data){
        $.each(data, function(key, values){
                $('#card').val(values.card);
         }); 
      },
    dataType: "json",  
    error:function(error){
            alert(error);
    }
});

Sorry for my english. This is will show like this => enter image description here

Use console.log(values.card); after $('#card').val(values.card); line and check into console. — AddWeb Solution Pvt Ltd
– AddWeb Solution Pvt Ltd, Commented Dec 8, 2015 at 7:39

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

Seems you have an invalid markup as in having same IDs for multiple input[type=text] elements. The valid thing is IDs should be unique for each element or use a common class name.

If this is the case then i would suggest you to change the ID to class instead:

<input type='text' class='card'>

now in your ajax success you can change to this:

  success : function(data){
    $.each(data, function(key, values){
         $('.card').get(key).val(values.card);
     }); 
  },

this line can be changed to this too:

$('.card')[key].value = values.card;

_{You have to post your markup for this, this case is my assumption.}

What could be the issue?

If you assign same ID to multiple elements and when you make a selector of that ID, That always returns a single element in the page elements lookup. When lookup gets started and it finds the ID, it stops the lookup as per valid markup every element should have unique IDs.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Dec 8, 2015 at 7:51

Jai

74.8k12 gold badges77 silver badges104 bronze badges

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

2 Comments

Army Over a year ago

Yes I have multiple elements What cand i do ?

Army Over a year ago

I have multiple elements when return value And i wanna show multiple text box too.

Collectives™ on Stack Overflow

Return array append to input text

1 Answer 1

What could be the issue?

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

What could be the issue?

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related