スパンタグのテキストを取得して非表示のフィールドに挿入する方法

Question

私はスパンタグのテキストを取得し、それを隠しフィールドに追加しようとしています。

おかげ

<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> 

ので、私は隠しフィールドにEXTRA CHEESEを追加したいと思います。

Answer 1

テキスト項目を配列にプッシュし、配列を結合して非表示入力に追加します。下のデモでは、各項目の間にスペースを入れてテキストを入力します。なぜなら、それがなぜ/どのように表示されるのかを指定していないからです。しかし、より良いアプローチがあります。あなたは非jsクライアントを考えましたか？

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()); 
}); 

これは隠し入力はspan.descriptionsPizza