Question

我动态地创建了几个这样的形式

<form id="form1".....>
    ...
    <input type="submit" ...
    <div id="output1"><!--Here I want to show a message--></div>
</form>
<form id="form2".....>
...
    <input type="submit" ...
    <div id="output2"><!--Here I want to show a message--></div>
</form>
<form id="form3".....>
...
    <input type="submit" ...
    <div id="output3"><!--Here I want to show a message--></div>
</form>
<form id="form4".....>
    <input type="submit" ...
    <div id="output4"><!--Here I want to show a message--></div>
</form>
...


jQuery(function($) {
    $('form[data-async]').live('submit', function(event) {
        var $form = $(this);
        var $target = $($form.attr('data-target'));
    $.ajax({
            type: $form.attr('method'),
            url: $form.attr('action'),
            data: $form.serialize(),

            success: function(data, status) {
                $("#output").text("My Success Message");
                //How can I  select the correct id for this output?

            }
        });

        event.preventDefault();
    });
});

我需要将消息文本设置为使用Ajax提交的表单。 $（“＃output”）。text（“我的成功消息”）; 我不知道如何为表单提交选择输出div！我怎么能得到它？

由于

Answer 1

更改此行：

$("#output").text("My Success Message");

到

$form.find('[id^="output"]').text("My Success Message");

jQuery访问动态创建的表单中的字段

1 个答案: