jQuery ajax – 使用表单提交更改jQuery目标值

我有一个简单的jQuery表单,使用malsup( http://jquery.malsup.com/form/ )的jQuery表单插件和我用于测试的ajax(下面)。

在我的页面上,我有多个表单。

在提交表单时,我需要将结果发布到特定div(我使用“目标”方法)。

我一直试图找出如何根据提交的表单更改结果的“目标”。 我会假设(我非常有限的jQuery知识),如果我为每个表单添加一个隐藏字段,我可以做一个if语句(我发现类似的搜索堆栈溢出,但无法让它适用于我的情况)告诉jQuery哪个目标要使用,但我不确定如何去做(我的尝试都没有奏效!)。

任何帮助将不胜感激。

 $(document).ready(function() { $('#htmlForm').ajaxForm({ target: '#info1', success: function() { $('#info1').fadeIn('slow'); } }); });    
First name:
Last name:
Message:


您可以尝试处理成功回调中的所有内容,而不是使用目标。

HTML:

 
First name:
Last name:
Message:

JS:

 $(document).ready(function() { $('#htmlForm').ajaxForm({ success: function(responseText, statusText, xhr, $form) { var targetid = $form.find("#target").val(); //hidden field value $('#' + targetid).html(responseText).fadeIn('slow'); } }); }); 

您可以将分配给每个表单,而不是隐藏字段,并将div的名称分配给您想要放置响应的div; 如下:

  

你可以在你的代码中使用它,如下所示:

 $('#htmlForm').ajaxForm({ target: '#' + $('#htmlForm').attr('class'), success: function() { $('#' + $('#htmlForm').attr('class')).fadeIn('slow'); } });