2009-08-03 37 views
1

我試圖獲取span標籤的文本並將其添加到隱藏字段中,任何想法如何使用jquery這是可能的。如何獲取span標籤的文本並將其插入隱藏字段

感謝

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

,所以我想給額外的奶酪添加到一個隱藏字段。

+0

後假設隱藏的輸入端直接你確定這是你想要做什麼?文本如何首先進入跨度?你的例子顯示它是硬編碼的,那麼爲什麼不把它硬編碼到隱藏的字段呢?如果動態,則需要將其添加到onClick或Change事件。 – 2009-08-03 13:59:18

回答

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(' ')); 
+0

對不起,我忘了提及我有多個.descriptionsPizza 我將如何能夠做到這一點與更多的領域。 – amir 2009-08-03 13:54:33

1
$("input[name=qty]").val($("span.descriptionPizza")); 
1
$("span.descriptionsPizza").each(function(){ 
    $(this).next("input").val($(this).text()); 
}); 

這是span.descriptionsPizza

相關問題