如何获取span标记的文本并插入到隐藏字段中

时间:2009-08-03 13:50:07

标签: jquery

我正在尝试获取span标记的文本并将其添加到隐藏字段,任何想法如何使用jquery。

感谢

 <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添加到一个隐藏的领域。

3 个答案:

答案 0 :(得分: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(' ') );

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

这假设隐藏的输入直接位于span.descriptionsPizza

之后