时间戳

首页 > 解决方案 > 在单击输入类型时附加按钮的值

jquery - 在单击输入类型时附加按钮的值

问题描述

如何在单击时将按钮的值附加到delete_id_receiver 文本字段。如果单击 3 个按钮，则输出应为 1,2,3。

并将删除按钮的值更改为“UNDO”并删除文本输入上的值。

<table class="table">
<tr>
    <td><button onclick="deleteVal(1)" type="button"> Delete </button></td>
    <td> John </td>
</tr>
<tr>
    <td><button onclick="deleteVal(2)" type="button"> Delete </button></td>
    <td> May </td>
</tr>
<tr>
    <td><button onclick="deleteVal(3)" type="button"> Delete </button></td>
    <td> Andrew </td>
</tr>


<input type="text" id="delete_id_receiver">

这是我尝试过的，但它没有在点击时存储 id

 function deleteVal(val){
      var delete_id = val;
     document.getElementById('delete_id_receiver').value = val; 
 }

标签： jquery

解决方案

你快到了。只是缺少添加以前的值。利用 ：+=

function deleteVal(val) {
  var delete_id = val;
  document.getElementById('delete_id_receiver').value += val + ',';
}
<table class="table">
  <tr>
    <td><button onclick="deleteVal(1)" type="button"> Delete </button></td>
    <td> John </td>
  </tr>
  <tr>
    <td><button onclick="deleteVal(2)" type="button"> Delete </button></td>
    <td> May </td>
  </tr>
  <tr>
    <td><button onclick="deleteVal(3)" type="button"> Delete </button></td>
    <td> Andrew </td>
  </tr>
  <input type="text" id="delete_id_receiver">

推荐阅读