how to get the text of a span tag and insert in into a hidden field

Question

Hi, I'm trying to get the text of a span tag and add it to a hidden field, any ideas how this is possible with jquery.

thanks

 <form>  
  <span class="descriptionsPizza">EXTRA CHEESE</span>
  <input name="textfield1" type="text" id="textfield1" class="valfield" size="2" maxlength="2" value="0" />

  <span class="descriptionsPizza">HAM</span>
  <input name="textfield1" type="text" id="textfield1" class="valfield" size="2" maxlength="2" value="0" />

 </form>

so i'd like to add the EXTRA CHEESE to a hidden field.

Answer 1

Push the text items into an array then join the array to add it into the hidden input. The demo below enters the text with a space in between each item as you do not specify why/how you want it to appear inside. There are however better approaches. Have you considered non js clients?

    var spanText=[];

    $('span.descriptionsPizza').each( function(){

        var $span = $(this);
        //is value of the next input greater than 0?
        if ( $span.next().val() > 0 ){
           spanText.push( $(this).text() );
        }

    });


    $('input[name=qty]').val( spanText.join(' ') );

Answer 2

$("input[name=qty]").val($("span.descriptionPizza"));

Answer 3

$("span.descriptionsPizza").each(function(){
    $(this).next("input").val($(this).text());
});

This is assuming the hidden input is directly after the span.descriptionsPizza