单击按钮后将php td值插入textarea

Question

我有3个tds的echo表： 1-复选框。 2-名。 3-电话号码

我让textarea包含所有已选中的复选框，并将电话号码包含在其中。

我tried to modificate this code但它并不适合我。

我的代码：

<table class="table table-striped table-bordered TableStyle" id="table-scroll ">
    <thead>
        <th class="thead"><input type="checkbox" name="checkallnum" value="" id="checkallnum2" /></th>
        <th class="thead">Name</th>
        <th class="thead">Phone</th>
    </thead>
    <tbody>
        <tr>
             <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
             <td>AMMAR</td>
             <td>123456789</td>
        </tr>
         <tr>
             <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
             <td>Sara</td>
             <td>987654321</td>
        </tr>
    </tbody>
 </table>

<button type="button" id="confirmNums" class="btn btn-primary pull-left" style="">Add</button>

<textarea rows="8" name="" id="sendToNum" class="form-control" style="margin-bottom: 10px;" tabindex="1"></textarea>

Answer 1

一种可能的解决方案是使用jQuery。

也许这个例子可以帮助你入门。当您点击“添加＆＃39;按钮，将把phonenumbers添加到textarea。

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#confirmNums').click(function() {
    var newline = "\n";
    var sendToNum = $('#sendToNum');
    sendToNum.text('');
    $("input[name=check]:checked").each(function() {
      var phoneNumber = $(this).parent().nextAll('td').eq(1).html();
      sendToNum.append(phoneNumber + newline);
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table table-striped table-bordered TableStyle" id="table-scroll ">
    <thead>
    <th class="thead"><input type="checkbox" name="checkallnum" value="" id="checkallnum2" /></th>
    <th class="thead">Name</th>
    <th class="thead">Phone</th>
    </thead>
    <tbody>
    <tr>
        <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
        <td>AMMAR</td>
        <td>123456789</td>
    </tr>
    <tr>
        <td><input class="checkBoxClass" type="checkbox" name="check" value="" /></td>
        <td>Sara</td>
        <td>987654321</td>
    </tr>
    </tbody>
</table>

<button type="button" id="confirmNums" class="btn btn-primary pull-left" style="">Add</button>

<textarea rows="8" name="" id="sendToNum" class="form-control" style="margin-bottom: 10px;" tabindex="1"></textarea>

＆＃13;

＆＃13;

＆＃13;