基本上我想让用户,当点击按钮1,来自表格的数据应该被插入到文本区,我已经开始与Hibernate 代码.

function myFunction() {
  var x = document.getElementById("krtable").defaultValue;
  document.getElementById("input_14_182").innerHTML = x;
}

function myFunction2() { 
  document.getElementById("demo").innerHTML = "testing only";
}
<button type="button1" onclick="myFunction()">Insert table to textbox</button>


<table id="krtable">
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
    </tr>     
  </thead>
  <body>
    <tr>
      <td>23:48</td>
      <td>1LARIOS</td>
      <td>260 DRIFWOOD</td>
      <td>NO </td>
    </tr>
    <tr>
      <td>22:32</td>
      <td>WALKER</td>
      <td>1DRIFTWOOD</td>
      <td>NO</td>
    </tr>
    <tr>
      <td>22:30</td>
      <td>WALKER</td>
      <td>1 DRIFTWOOD</td>
      <td>NO </td>
   </tr>
   <tr>
     <td>22:09</td>
     <td>WALKER</td>
     <td>3 DRIFTWOOD</td>
     <td>NO</td>
  </tr>
 </tbody>
</table>

<textarea id="input_182" id="textarea" class="textarea small"  rows="10" cols="50"></textarea>

我将非常感谢任何人的帮助,并提前感谢您,祝大家圣诞快乐.

推荐答案

Updated Working codepen

function myFunction() {
  var tableContent = '';
    // $('#krtable tbody tr').each(function() { 
      // $(this).find('td').each(function() {
        // tableContent += $(this).text() + '\t';
      // });
      // tableContent += '\n';
    // });
    // $('#input_182').val(tableContent.trim());

    // For adding table headers.
    $('#krtable thead th').each(function() {
      tableContent += $(this).text() + '\t';
    });

    tableContent += '\n';
  
   $('#krtable tbody tr').each(function() {
     $(this).find('td').each(function() {
       tableContent += $(this).text() + '\t';
     });
     tableContent += '\n';
   });

   $('#input_182').val(tableContent.trim());
  }
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<button type="button" onclick="myFunction()">Insert table to textbox</button>

<table id="krtable">
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
    </tr>     
  </thead>
  <tbody>
    <tr>
      <td>23:48</td>
      <td>1LARIOS</td>
    </tr>
    <tr>
      <td>22:32</td>
      <td>WALKER</td>
    </tr>
 </tbody>
</table>

<textarea id="input_182" class="textarea small" rows="10" cols="50"></textarea>

Javascript相关问答推荐

在JavaScript中检索一些文本

为什么getRecord()会因为与_logger相关的错误而失败?(使用Hedera SDK)

如何使用Echart 5.5.0创建箱形图

如何用显示网格平滑地将元素从一个地方移动到另一个地方?

Angular中计算信号和getter的区别

如何在Connect 4游戏中 for each 玩家使用位板寻找7形状?

为什么promise对js中的错误有一个奇怪的优先级?

在服务器上放置了Create Reaction App Build之后的空白页面

Chromium会将URL与JS一起传递到V8吗?

如何用拉威尔惯性Vue依赖下拉?

获取Uint8ClampedArray中像素数组的宽度/高度

用于编辑CSS样式的Java脚本

当id匹配时对属性值求和并使用JavaScript返回结果

类构造函数忽略Reaction Native中的可选字段,但在浏览器中按预期工作

让chart.js饼图中的一个切片变厚?

如何在 Select 文本时停止Click事件?

搜索功能不是在分页的每一页上进行搜索

如何在我的Next.js项目中.blob()我的图像文件?

Promise.race()返回已解析的promise ,而不是第一个被拒绝的promise

如何向内部有文本输入字段的HTML表添加行?