Question

我正在尝试将动态生成的表格中动态生成的输入框中填充的数据提交给数据库，但点击事件无效，任何想法都将不胜感激。

<script type="text/javascript">
    $(document).ready(function () {
        $("#openForm").click(function () {
           $("#pdfFormInsideTblRight").after("<table class='table table-bordered'><thead class='thead-inverse'><tr><th class='text-left'>Properties</th>" +
                        "<th>Detail</th></tr></thead>" +
                        "<tr><td class='text-left'><strong>Product Group</strong></td>" +
"<td><input type='file' id='imgInp'/>" +
                        "<div><img id='blah' src='#' alt='your image' height='200px;'/></div></td></tr></table>");
  $("#pdfFormInsideTblRight ~ table").attr('id', 'mainTbl').addClass('table');
                var r = $(' <input type="button" ID="btnExport" runat="server" Text="Export"  value="Export"  />');
                $("#mainTbl").append(r);
                var s = $(' <input type="button" ID="btnFrmSubmit" runat="server" Text="Submit"  value="FrmSubmit"  />');
                $("#btnExport").after(s);
}

        });

    });

绑定事件jquery

  <script type="text/javascript">
    $(function () {
        $("[id*=btnFrmSubmit]").bind("click", function () {
            alert("hi");        
            });
    });
</script>

Answer 1

对于动态生成的或在DOM之后添加的对象，您应该使用on函数：

 $(function () {
   $(document).on("click","[id*=btnFrmSubmit]", function () {
      alert("hi");        
    });
 });

单击事件不在动态生成表的按钮上

1 个答案: