$ .each does not display all parameters, but only the last

Question

I try to display all the parameters, but $ .each only draws the last one, although everything is in the console.

$.each(data, function(index, person) { var output = "<tr>"; output += "<td>" + person.name + "</td>"; output += "<td><select name='persons[]'>"; $.each(person.variants, function(i,value){ output += "<option>" + value.name + "</option>"; }); output += "</select></td>"; output += "</tr>"; console.log(filter); $('#results').html(output); });

Why does he display only the last value, but not all that exist?

Alex Krass Alex Krass 13.9k 1 golden mark 18 silver marks 46 bronze marks · Accepted Answer · 2016-06-24T21:02:08

Because every time you overwrite your result in the string:

 $('#results').html(output);

What would work, make an addition.

 $('#results').html($('#results').html() + output);

Igor Igor 78.2k 5 gold signs 20 silver marks 49 bronze marks · Answer 2 · 2016-06-24T21:00:43

It displays each value, but you immediately erase it next (and do not have time to read it :)).

 var output = ""; $.each(data, function(index, person) { output += "<tr>"; ... }); $('#results').html(output);

PS What is a filter ?

There is) I accidentally inserted it from another code here accidentally)) It does not work with your advice.

$ .each does not display all parameters, but only the last

2 answers 2

More articles: