按钮单击

Question

我有一个仅存储名称的DataTable。我想要一个按钮，将DataTable中的所有名称添加到文本输入字段。

    <div id="myTabDiv">
<table name="mytab" id="mytab1">
  <thead>
        <tr>
            <th>name</th>
        </tr>

    </thead>
    <tbody>
        <tr>
            <td>chris</td>
        </tr>
         <tr>
            <td>mike</td>
        </tr>
    </tbody>
</table>
    <button id="add" >ADD</button>
    <input type="text" id="text">
</div>

点击＆＃34;添加＆＃34;按钮，我希望名称出现在用逗号分隔的文本字段中。

如果可能，如果再次单击该按钮，请删除名称？

Answer 1

将id分配给输入

the_output = `ruby my_other_file.rb`

通过表格循环

<input type=text id="textbox"/>

Answer 2

我在codepen上创建了整个解决方案。这是使用的功能：

var clicks = 0;
function csv() {
  var box = document.getElementsByName('text')[0];

  if(clicks === 0){
    var newcsv = "";
    var tds = document.getElementsByTagName("TD");  
    for(var i = 0; i < tds.length; i++)
    {
      newcsv += tds[i].innerHTML;
      if(i != tds.length-1) newcsv += ",";
    }
    box.value = newcsv;
    clicks++;
  }
  else{
    clicks = 0;
    box.value = "";
  }
}

这与按钮的onclick事件绑定。