当我按下“添加”按钮时,如何使表格中的文本显示在文本区域框中?
我不需要数据在添加后消失,我只是希望“将此文本添加到文本区域”显示在文本区域框中。
https://jsfiddle.net/bj1sh4cq/
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>
JS
$('#addButton').on('click', function (){
var insertText = $('#addText').val();
$('#reviewText').val($('#reviewText').val() + " "+insertText);
});
最佳答案
首先,您不能在页面上定义多个 id。其次你应该改变:
var insertText = $('#addText').val();
至:
$('#reviewText').val($(this).closest('td').next().text());
这是更新后的fiddle
关于javascript - 如何使用按钮将表格中的文本添加到文本区域输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29395175/