javascript - 如何获取动态创建的tablerow的值？

Question

我试图获取在函数 rijToevoegen() 中动态创建的输入字段的值。

不知何故，我总是不确定，我做错了什么？

这些是我使用的函数:

//adding the tablerow
function rijToevoegen(columnarray, fieldarray, tabelnaam){
    var columns = columnarray;
    var fields = fieldarray;
    var row = '<tr>';

    for(i=0;i<columns.length;i++){
        row += "<td class=columns[i]><input type='text' id=fields[i]></td>";
        console.log(fields[i]);
    }
    row += '</tr>';
    $(tabelnaam).append(row);

}


  //getting the value
  $('#vs_opslaan').click(function() {
    var columns = ['naamkolom','locatiekolom','hostkolom','cpukolom','memorykolom','oskolom','hddkolom','spkolom','usernamekolom','passwordkolom','ipkolom','domeinkolom','opmerkingenkolom'];
    var velden = ['naamveld','locatieveld','hostveld','cpuveld','memoryveld','osveld','hddveld','spveld','usernameveld','passwordveld','ipveld','domeinveld','opmerkingenveld'];
    var response_array = [];
    for(i=0;i<velden.length;i++){
        var rij = $('#velden[i]').val();
        console.log(rij);
        //response_array += $().value;
    }
    //console.log(response_array);

});

我们总是很感激您的帮助!

拉蒙

Answer 1

当您引用数组时，它们不能在字符串内，否则它们将被设置为文字字符串。

当你输入 "<td class=columns[i]><input type='text' id=fields[i]></td>"
类和id包含文字字符串columns[i]和 fields[i]
您想要的是将数组值与标记连接起来。
"<td class=" + columns[i] + "><input type='text' id=" + fields[i] + "></td>"

这也适用于您在执行 jquery 选择器时。
所以而不是 $('#velden[i]').val();你想要$('#' + velden[i]).val();