javascript - Ajax 触发实时和动态表单

Question

假设我有这样的代码:

<div id="stuff<? echo $dynID; ?>" class="bla">
 <form id="myform<? echo $dynID; ?> " action="bla.php">
    <input name="iname<? echo $dynID; ?>" value="<? echo $row[1]; ?>">
 </form>
</div>

<div id="stuff<? echo $dynID; ?>" class="bla">
 <form id="myform<? echo $dynID; ?> " action="bla.php">
    <input name="iname<? echo $dynID; ?>" value="<? echo $row[1]; ?>">
 </form>
</div>

<div id="stuff<? echo $dynID; ?>" class="bla">
 <form id="myform<? echo $dynID; ?> " action="bla.php">
    <input name="iname<? echo $dynID; ?>" value="<? echo $row[1]; ?>">
 </form>
</div>

多种形式。在这个例子中 3.(可能更多或更少)

如何触发此表单(使用 AJAX 发送 ist)？此表单是实时 AJAX 生成的内容并具有动态 ID。我现在没有要触发的表单的特定 ID，例如:

$("#myform").submit(function(event) {

我该如何处理？

Answer 1

我们可以使用更多信息来进一步提供帮助，例如，与其他表单相比，此表单(其中任何一个)中的文本是否独特？您基本上可以通过任何方式来定位它，甚至可以结合这些条件。例如，如果 action 属性是唯一的，您总是可以这样做(未经测试):

//if the form id starts with 'myform', perform a function on submit
$("form[id^='myform']").submit(function(event) {
    //if that form's 'action' attribute is 'bla.php', then do something
    if($('form').attr('action', 'bla.php')){
        //your code here
    }
});

编辑:这是否足够独特以阻止它？我已经让它依赖于它上面的 div 有一个以“stuff”开头的 id，那个 div 也必须有类“bla”并且“action”的 form 属性必须是“bla.php”

$("div[id^='stuff'] form[id^='myform']").submit(function(event) {
    if($(this).parent().hasClass('bla')) {
        if($(this).attr('action', 'bla.php')){
            //your code here
        }
    }
});