Question

我将一个点击事件中的表单添加到表格中的一行（对不起真正的长行）：

$('#row'+rowvalues[0]).html('
    <form id="updform'+rowvalues[0]+'">
    <td>'+rowvalues[0]+'</td>
    <td>
        <input type="text" name="namn'+rowvalues[0]+'" value="'+rowvalues[1]+'">
    </td>
    <td>
        <input type="text" name="ingred'+rowvalues[0]+'" value="'+rowvalues[2]+'">
    </td>
    <td>
        <input type="number" name="pris'+rowvalues[0]+'" value="'+rowvalues[3]+'">
    </td>
    <td>
        <input type="number" name="fampris'+rowvalues[0]+'" value="'+rowvalues[4]+'">
    </td>
    <td>
        <Button class="upddatasave" id="sub'+rowvalues[0]+'">Submit</button>
    </form>
</td>
');
intialiseUpdatebutton();

然后我使用名为intialiseUpdatebutton（）;

的函数初始化按钮

该功能如下：

 function intialiseUpdatebutton() {
    $(".upddatasave").on("click", function() {
        var butid = $(this).attr('id');
        var dataid = parseInt(butid.slice(3));
        console.log(dataid);
        console.log($('#namn'+dataid).val());
        var formvalues = $('#updform'+dataid).serializeArray();
        console.log(formvalues);
     });
}

找到按钮并且它有效，但我找不到表格。我的猜测是它无法找到注入的形式，但如果是这样的话我该如何解决呢？就像我使用按钮的初始化功能一样。

我想做什么：我在html中的表格中显示SQL表中的数据 - 它有2个按钮1个更新和1个删除。我试图修复更新按钮，以便当我按下它时，带有值的单元格会变为带有文本字段和值的单元格，然后您只需更改值并按提交即可保存更改。

编辑：jsfiddle.net/rh8deo79/2＆lt; - jsfiddle

Answer 1

通过编辑您的格式化作业来分解大量的单行，我发现您在<form>之前结束了<td>，这是无效的HTML，可能是您的错误来源。

Answer 2

您需要重新组织标签。如here所述，您无法var currentTime = new Date().getTime(); $scope.urlImage = serverURL + '/Images/background.png?' + currentTime;。

您可以尝试在每个表单中创建一个新表。

用jQuery注入后无法找到表单（我认为）

2 个答案: