Javascript：如何从输入数组中获取所有值和 id？

Question

所以我试图从一个数组中获取每个输入的所有值和 id，但是我有一个问题，用户可以复制输入并且每个输入都有一个随机生成的 ID，所以我无法选择带有 ID 的数据并且每个输入都使用name="cate[]"，所以每个输入都具有相同的名称，所以我可以使用这样的东西：

function regTour() {
    var input = document.getElementsByName('cat[]');
    var k = "The respective values are :";

    for (var i = 0; i < input.length; i++) {
        var a = input[i];
        k = k + "array[" + i + "].value= "
                           + a.value + " ";
    }
    console.log('Console: ' + k);
}

但是如何从与输入值配对的数组中的每个输入中获取 ID？

编辑： - - - - - - - - - -

输入如下所示：

    <input type="text" id="1666239497429" name="cat[]" class="form-control">
<input type="text" id="12983172462" name="cat[]" class="form-control">
<input type="text" id="812361647812" name="cat[]" class="form-control">

这个输入是由用户动态创建的，所以 id 会发生变化，这个 id 稍后会与应该与该 id 相关的其他子字段一起存储，这就是为什么能够存储所有 id 对我来说很重要的原因

Answer 1

您可以使用 id 属性获取 DOM 元素的 id。所有 DOM 元素都有这个属性。在您的示例中，只需使用 a.id 即可访问它。

function regTour() {
    var input = document.getElementsByName('cat[]');
    var k = "The respective values are :";

    for (var i = 0; i < input.length; i++) {
        var a = input[i];
        const id = a.id;
        k = k + "array[" + i + "].value= "
                           + a.value + " array[" + i + "].id= " + a.id;
    }
    console.log('Console: ' + k);
}

Answer 2

你能从前面分享更多数据吗？你的表格怎么样？

这没问题var input = document.getElementsByName('cat[]'); 但我不确定问题是什么