Question

我想将扳机输入设置为按钮，在动态字段中添加更多内容，如下图所示，但它仅在第一个输入字段中有效。我如何将触发对其他字段中输入？

<script>
  var input = document.getElementById("sn");
  input.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
      document.getElementById("add").click();
    }
  });
</script>

<input type="text" id="sn" name="sn[]" placeholder="SN" class="form-control">

enter image description here

Answer 1

getElementById("sn")函数仅返回第一个孩子，这就是为什么您的代码在第一个输入字段上起作用的原因。您可以使用getElementsByClassName('you_class_name')。

也许您可以执行以下操作

 <script>
    document.addEventListener('keyup', function(event) {
        event.preventDefault();
        var target = event.target || event.srcElement,
            text = target.value;
        if (event.keyCode === 13) {
           document.getElementById("add").click();
        }
    }, false);

 </script>

触发在动态字段上输入

1 个答案: