我进行了很多搜索,但无法准确找到我想要做的事情,尽管它与已经回答的类似标题的帖子有关。
我正在使用 jQuery 表单插件。
一个输入/文本框和一个搜索按钮在页面下方的 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);
或者
$('#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'];
如果我尝试使用多种形式分开......再次,我不知道如何正确绑定它们并让它实际回显另一个按钮的值或名称。