gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 07:56:22 28 4
gpt4 key购买 nike

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

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

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

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

任何帮助将不胜感激。

<script type="text/javascript">
$(document).ready(function() {
$('#htmlForm').ajaxForm({
target: '#info1',
success: function() {
$('#info1').fadeIn('slow');
}
});
});
</script>
</head>
<body>
<form id="htmlForm" action="inc/test_ajax5.lasso" method="post">
<input type="hidden" name="formName" value="info1" />
First name: <input type="text" name="fname" value="" /> <br />
Last name: <input type="text" name="lname" value="" /> <br />
Message: <input type="text" name="message" value="" />
<input type="submit" value="Echo as HTML" />
</form>
<hr />
<div id="info1"></div>
<hr />
<div id="info2"></div>

最佳答案

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

HTML:

<form id="htmlForm" action="inc/test_ajax5.lasso" method="post">
<input id="target" type="hidden" name="formName" value="info1" />
First name: <input type="text" name="fname" value="" /> <br />
Last name: <input type="text" name="lname" value="" /> <br />
Message: <input type="text" name="message" value="" />
<input type="submit" value="Echo as HTML" />
</form>

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');
}
});
});

关于jQuery ajax - 使用表单提交更改 jQuery 目标值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23971952/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com