Question

我正在使用简单的html代码，我想将第一个单元格值复制到所有其他单元格。 this how html table looks 并且当我在第一个单元格中输入

时，还尝试自动填充剩余的日期

添加了我的代码

Answer 1

所以你想根据第一个输入/选择每一行来改变后面输入的值。给他们id，以便我们可以使用jQuery添加事件：<input id="date-proto"> <select id="name-proto">。对于每行的其余部分，请分别添加一个类：<input class="date-clone"> <input class="name-clone">。现在事件监听器：$('#date-proto').keyup(function() {$(.date-clone).val($(this).val());}); $('#name-proto').change(function() {$(.name-clone).val($(this).val());});。通常我会在文本输入上发现keyup事件更符合我的需求，您可以尝试change，看看会发生什么。

Answer 2

假设你想要这个，所以我希望这会有所帮助

function bindData(target) {
  var inputs = document.querySelectorAll(target);

  if (inputs) {
    for (var k = 0; k < inputs.length; k++) {
      inputs[k].addEventListener('keyup', function() {
        var fields = document.querySelectorAll(this.dataset.bind);
        var value = this.value;
        if (fields) {
          for (var i = 0; i < fields.length; i++) {
            fields[i].value = value;
          }
        }

      });
    }
  }

}

bindData('[data-bind]');

<table>
  <tr>
    <td>
      <input data-bind=".date" type="text">
    </td>
    <td>
      <input class="date" type="text">
    </td>
    <td>
      <input class="date" type="text">
    </td>
  </tr>
  <tr>
    <td>
      <input data-bind=".name" type="text">
    </td>
    <td>
      <input class="name" type="text">
    </td>
    <td>
      <input class="name" type="text">
    </td>
  </tr>
</table>

Answer 3

android.location.Location

需要将单元格值复制到html表中的其他单元格

3 个答案: