如何使用按鈕將表格中的文本添加到textarea輸入中？

當我按下「添加」按鈕時，如何從表格中的文本顯示在textarea框中？如何使用按鈕將表格中的文本添加到textarea輸入中？

我不需要數據在添加後消失，我只想將「添加此文本到textarea」顯示在textarea框中。

HTML

<div class="table-responsive"> 
    <table class="table table-hover"> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
     <tr> 
      <td><button class="btn btn-success" id="addButton">ADD</a> 

      </td> 
      <td><span id="addText"><strong>Add this text to textarea.</span> 

       </strong> 
      </td> 
     </tr> 
    </table> 
</div> 
</div> 
</div> 
<br> 
<div class="form-group"> 
    <textarea type="text" id="reviewText" placeholder="See Text Here." class="form-control" columns="10" rows="10"></textarea> 
</div> 
</div> 
</div>

$('#addButton').on('click', function(){    

     var insertText = $('#addText').val(); 
     $('#reviewText').val($('#reviewText').val() + " "+insertText); 
});

來源

2015-04-01 otter_meow

ID必須是唯一的！ – undefined 2015-04-01 15:48:30

dup？ http://stackoverflow.com/questions/6734579/how-to-append-text-to-textarea – wrschneider 2015-04-01 15:50:16

其實在你的小提琴中有[appendTo（）']（http://api.jquery.com/append/）。它不復制元素，它「削減」。 Vohuman在上面解釋說，爲什麼只有第一個按鈕才起作用。 – Teemu 2015-04-01 15:51:01

首先，你不能在網頁上定義多個ID。其次，你應該改變：

var insertText = $('#addText').val();

到：

$('#reviewText').val($(this).closest('td').next().text());

這裏是更新fiddle

來源

2015-04-01 15:45:01

如何使用按鈕將表格中的文本添加到textarea輸入中？

回答

相關問題