PHPで検索ボタンを押さずに検索結果を返したい

解決済

質問者：mimi0115
質問日時：2005/03/30 17:54
回答数：3件

初めて質問させていただきます。
今、独学でＰＨＰ・ＭｙＳＱＬ・ＨＴＭＬを使って、
検索結果を表示する画面を作っています。

作っているプログラムは、こんな感じです。
================================================
xxx.php
================================================
<?php
ここで、入力のエラーチェック
ＭｙＳＱＬに接続
入力したコードに対応するデータを取得
?>
<html>
<form action="xxx.php" method="post">
<input type="text">
<select name="XX1"></select>
<select name="XX2"></select>
<input type="submit" name="submit" value="検索">
</html>
================================================

このプログラムでは、テキストタイプの部分にコードを
入力し、selectの部分で各項目を選択して、
最後に検索ボタンを押すと、
エラーチェックをした後に、検索結果のデータを
データベースから取得してＨＴＭＬで表示します。

毎回、検索ボタンを押すという動作を減らすため、
ＳＥＬＥＣＴの部分が変わったら、
検索ボタンを押さなくても、上のＰＨＰで記述されて
いる部分の処理に飛ばす方法がないかなあと
思いまして質問しました。

イメージ的にはＪａｖａＳｃｒｉｐｔの、ｏｎｃｈａｎｇｅみたいなものなのですが、何かいい方法は
ないでしょうか？

以前似たような質問があったかもしれませんが、
すみませんがよろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.3ベストアンサー

回答者： ntm98
回答日時：2005/03/31 14:05

XX1,XX2というのは2つのセレクトメニューがあると考えていいのでしょうか？

一応、2つのセレクトメニューがあると想定してタグを書くとこうなります。
（エラーが出るということですが、inputタグに入っているname="submit"の記述が原因です。不要）

<html>
<body>
<form action="xxx.php" method="post">
<input type="text">
<select name="XX1" onChange="javascript:submit()">
<option value="noselect">選択してください</option>
<option value="xx1-1">選択１</option>
<option value="xx1-2">選択２</option>
</select>
<select name="XX2" onChange="javascript:submit()">
<option value="noselect">選択してください</option>
<option value="xx2-1">選択１</option>
<option value="xx2-2">選択２</option>
</select>
<input type="submit" value="検索">
</form>
</body>
</html>

------- xxx.php ---------
<?php
echo $_POST['XX1'];// XX1の選択値
echo $_POST['XX2'];// XX2の選択値
?>

もっともこれだとどちらかのセレクトメニューを操作しただけでPOSTされてしまうので、入力済みの他のフォーム値がリセットされないような工夫が必要だと思います。

- 0
- 件

通報する

No.2

回答者： wolfwood
回答日時：2005/03/30 18:03

クライアントの処理なのであなたの書かれている通り、JavaScriptのonChangeを用いるしかないように思えます。

この回答への補足

そうなのですが、そのonchangeの部分の書き方がよくわかりません。通常は、submitの検索ボタンを押すと、formのactionに書かれている、XXX.PHPに処理が飛びますよね？
onchangeのイベントで同様にxxx.phpに行かせたいのですが、そのまま書くと、エラーになってしまいます。というか、その部分の書き方がわからないのです。

補足日時：2005/03/31 08:04

通報する