how to add the text of a select box and the text of form input into a hidden field
<p>I' trying to add a text of select box and the some text from a form into a hidden field,I can get the text of a select box but I can get the required text from form, can anyone help please.</p>

<pre><code>  &lt;form&gt;
                &lt;select name="select" id="select"&gt;
                  &lt;option&gt;Select your pizza&lt;/option&gt;
                  &lt;option value="6.65"&gt;NY, 10&amp;quot;, £6.65&lt;/option&gt;
                  &lt;option value="8.95"&gt;NY, 12&amp;quot;, £8.95&lt;/option&gt;
                  &lt;option value="11.95"&gt;NY, 16&amp;quot;, £11.95&lt;/option&gt;
                  &lt;option value="3.45"&gt;Chicago, 7&amp;quot;, £3.45&lt;/option&gt;
                  &lt;option value="6.65"&gt;Chicago, 10&amp;quot;, £6.65&lt;/option&gt;
                  &lt;option value="8.95"&gt;Chicago, 12&amp;quot;, £8.95&lt;/option&gt;
                  &lt;option value="11.95"&gt;Chicago, 16&amp;quot;, £11.95&lt;/option&gt;
                  &lt;option value="19.95"&gt;Chicago, Beast 24&amp;quot; x 18&amp;quot;, £19.95&lt;/option&gt;
                 &lt;/select&gt;
         &lt;/form&gt;

        &lt;form id="toppings"&gt;
          &lt;span class="descriptionsPizza"&gt;EXTRA CHEESE&lt;/span&gt;
            &lt;input name="minus1" type="button" class="button minus" id="minus1" value=" - " /&gt;
            &lt;input name="textfield1" type="text" id="textfield1" class="valfield" size="2" maxlength="2" value="0" /&gt;
            &lt;input name="add1" type="button" class="button add" id="add1" value=" + " /&gt;

            &lt;span class="descriptionsPizza"&gt;HAM&lt;/span&gt;    
            &lt;input name="minus2" type="button" class="button minus" id="minus2" value=" - " /&gt;
            &lt;input class="valfield" name="textfield2" type="text" id="textfield2" size="2" maxlength="2" value="0"/&gt;
            &lt;input name="add2" type="button" class="button add" id="add2" value=" + " /&gt;

            &lt;/form&gt;


      $(function()
         {
       //functions to change the quantity field by pressing the + and - buttons

      // add buttons
     $(".add").click(function(){
     var $this = $(this);
     var quantity = parseInt($this.siblings(".valfield").val(), 10) + 1;
    $(this).siblings(".valfield").val(quantity);


   });

   // minus buttons
   $(".minus").click(function(){
   var $this = $(this);
   var quantity = parseInt($this.siblings(".valfield").val(), 10) - 1;
   if(quantity &lt; 0) quantity = 0;
   $(this).siblings(".valfield").val(quantity);

 });

      $('input[name=my-add-button]').click(function() {

    var randomNumber = Math.floor((Math.random() * 9000) + 100);
        $('input[name=my-item-id]').val(randomNumber);
    $('input[name=my-item-name]').val( $("#select :selected").text() );
    $('input[name=my-item-price]').val( $('#update_price').val() );
    });
</code></pre>

<p>so I need to add the toppings name (the text in the span tag) if the quantity of that topping is greater than 0 add the text in the span into the hidden field as well as the selected text box.</p>

<p>thanks for any help. </p>
