Question

我在HTML中使用动态创建的表单时遇到了一些问题。我一直在使用JQuery 1.7来显示带有ajax的表单复选框。稍后，我想在表单中使用这些复选框，但我似乎无法检索值。我读到它们没有绑定或类似的东西，并使用.live（）或.on（）函数。在阅读.on和/ live函数的api之后，我真的不知道下一步该做什么。

<!-- Tabbed Menu Options -->
<script type="text/javascript">
$(document).ready(function(){
    $('#cowList').load("../php/populateTabsCows.php");
    $('#ranchList').load("../php/populateTabsRanch.php");

      return false;
});
</script>

然后我正在阅读表格并使用：

$(function() {  
  $("#submitForm").click(function() {  
    // validate and process form here  

       var data = $('#filterForm').serialize();
       alert(data.toString());
    $.post('../php/filter.php', data)
        .success(function(result){
            $('#cowinfo').html(result);
        })
        .error(function(){
            console.log('Error loading page');
        })
    return false;
  });
    return false;   

  });

任何帮助都将受到高度赞赏！

Answer 1

jQuery的.on（）/ .click（）/ .submit（）/等函数不能像.live（）那样工作。在将目标HTML元素添加到DOM之后，您必须调用.on（）。

这进一步解释了两个功能之间的差异： http://www.jquery4u.com/jquery-functions/on-vs-live-review/#.T7UfLuvgjkp

如何绑定动态表单？

1 个答案: