Question

Have a code that updates a textarea:

var input_baseprice = $('.active .input_baseprice').html();

$('[name=baseprice]').html(input_baseprice);

However, when there are many .input_baseprice elements, the textarea gets content only from the first one.

How can I automate creation of input_baseprice* to get:

$('[name=baseprice]').html(input_baseprice + '<br>' + input_baseprice2 + '<br>' + input_baseprice3 ...);

?

Answer 1

That is documented in the api notes http://api.jquery.com/html/

In order for the following ‘s content to be retrieved

Try this

var html = '';

$('.active .input_baseprice').each( function () {
    html += $( this ).html();
});

$('[name=baseprice]').html( html );

After re-reading your question, you may need to swap our .html() for .val() depending upon the type of element you are dealing with