Question

我做了很多搜索，但找不到我正在尝试做的事情，尽管它与已经回答的类似标题的帖子有关。

我正在使用jQuery Form Plugin。

一个输入/文本框和一个搜索按钮会在页面下方显示div的结果。

但是，我想在第一个输入区域下面添加3个按钮，这些按钮是“热门标签”（其中值表示为按钮上的文字彼此不同），当点击一个时，结果在div中下面根据按钮的名称值进行修改。

我的问题是我不知道如何使用单独的对象或表单来完成它。

$(document).ready(function() {
var options = { 
    target:     '#searchResults', 
    url:        'ajax/getResults.php', 
    type:   'POST',
};
$('#searchForm').ajaxForm(options);
});

网上没有任何内容说明如何添加其他对象或元素，例如：

var options2 = { //...

然后如何绑定它。它会是：

$('#searchForm').ajaxForm(options, options2);

OR

$('#searchForm').ajaxForm(options);
$('#searchForm').ajaxForm(options2);

或其他什么？

然后，我看到一个提到如何添加两个表单，例如：

$('#searchForm1','#searchForm2').ajaxForm(options);

但是，这是令人困惑的，因为为什么两种不同的形式都有相同的var选项，如果他们不这样做，那么它们又如何参与等等？

“getResults.php”使用

$searchedTerm = $_REQUEST['searchBox'];

获取在该框中输入的内容，以便在年龄较低时提供div。

如果我尝试使用第二个提交按钮并使用相同的请求获取其值，

$popTagBtn1 = $_REQUEST['popTagBtnNameValue1']; //name and id of second button in form

使用

时返回空值

echo $_REQUEST['popTagBtnNameValue1'];

如果我尝试再次使用多个表单...我不知道如何正确绑定它们并让它实际回显另一个按钮的值或名称。

Answer 1

尝试

var allForms = $("form");

这将获取数组中的所有表单

如何使用jQuery Form Plugin使用多个表单或对象？

1 个答案: