私は多くの検索を行いましたが、すでに回答済みの同様のタイトルの投稿に関連していますが、私がやろうとしていることを正確に見つけることができません。
jQueryフォームプラグインを使用しています。
1つの入力/テキストボックスと検索ボタンが表示され、ページの下位にdivが表示されます。
ただし、最初の入力領域の下に「人気のあるタグ」(ボタンのテキストとして表される値が互いに異なる)の3つのボタンを追加したいのですが、1つをクリックすると、下のdivの結果が変更されます。ボタンの名前の値に応じて。
私の質問は、それを達成するために別々のオブジェクトまたはフォームを利用する方法がわからないということです。
$(document).ready(function() {
var options = {
target: '#searchResults',
url: 'ajax/getResults.php',
type: 'POST',
};
$('#searchForm').ajaxForm(options);
});
Webには、次のような別のオブジェクトや要素を追加する方法については何も書かれていません。
var options2 = { //...
そしてそれをバインドする方法。それは:
$('#searchForm').ajaxForm(options, options2);
また
$('#searchForm').ajaxForm(options);
$('#searchForm').ajaxForm(options2);
または、他の何か?
次に、次のような2つのフォームを追加する方法について言及しているものを見ました。
$('#searchForm1','#searchForm2').ajaxForm(options);
しかし、それは紛らわしいです。なぜなら、2つの異なるフォームが両方とも同じvarオプションを持っているのはなぜでしょうか。そうでない場合も、どのようにすべてが関与するのでしょうか。
「getResults.php」は
$searchedTerm = $_REQUEST['searchBox'];
そのボックスに入力されたものを取得して、年齢の低いdivにフィードします。
同じリクエストを使用して、2つ目の送信ボタンを配置し、その値を取得しようとすると、
$popTagBtn1 = $_REQUEST['popTagBtnNameValue1']; //name and id of second button in form
使用すると空の値を返します
echo $_REQUEST['popTagBtnNameValue1'];
複数のフォームを使用して分離しようとすると...繰り返しますが、それらを適切にバインドして、他のボタンの値または名前を実際にエコーさせる方法がわかりません。