人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

PHPについて質問です。
現在買物のページを作成しています。
商品を探すのにメニュー検索と検索ワードを打ち込んで検索する二つの方法をとっています。
今回お聞きしたいのが、メニュー検索についてです。
<a href="">商品名</a>
の様になっているのですが、
メニューをクリックした時に検索ワードを打ち込んだのと同じ様にページを開きたいです。

商品名のリンクをクリックしたときに、
PHPのSUBMITボタンをPOSTで送信した時と同じような現象を起こして、
商品名をセッションに格納、その後に検索結果のページでデータを反映させたいのですが、そのような事をするのは可能でしょうか?
大変お手数をおかけしますがわかるかたおりましたらご回答をお願いします。

●質問者: aiomock
●カテゴリ:コンピュータ インターネット
✍キーワード:PHP クリック セッション データ ボタン
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● うぃんど
●27ポイント

javascriptで検索ワードをフォームに打ち込ませればいい

<html>
<head>
 <script type="text/javascript">
 <!--
 function a_submit(n) {
 document.form1.keyword.value = n;
 document.form1.submit();
 }
 //-->
 </script>
</head>
<body>
 <a href="javascript:void(0)" onclick="a_submit('商品名'); return false;">商品名</a>
 <form name="form1" action="hogehoge" method="POST">
 <input type="text" name="keyword" size="30"><br>
 <input type="submit" value="送信" />
 </form>
</body>
</html>

画面上にフォームを見せたくないなら下のようにしてもいいし

 <form name="form1" action="hogehoge" method="POST">
 <input type="hidden" name="keyword" size="30"><br>
 </form>

もっと単純にstyleで隠してしまってもいい

 <form name="form1" action="hogehoge" method="POST" style="display:none">
 <input type="text" name="keyword" size="30"><br>
 <input type="submit" value="送信" />
 </form>
◎質問者からの返答

ご回答ありがとうございます。

実行してみましたがリンクを押してもうまくSUBMITされません。

(リンクを押したら同時にTXTに文字が入れられて、SUBMITボタンが押されるという事ですよね??)

http://www.aiomock2008.sakura.ne.jp/kaimono_menu.php

のようではいけないのでしょうか・・・。


2 ● ko8820
●27ポイント

可能です。

こんな感じで実装してみてください。

http://seotemplate1.blog121.fc2.com/blog-entry-19.html

◎質問者からの返答

回答ありがとうございます。

実装してみましたがうまく起動しません。。


3 ● うぃんど
●100ポイント ベストアンサー

>実行してみましたがリンクを押してもうまくSUBMITされません。

form1 が3つもあるからです

それぞれ名前を変えておかないと、どのフォームのテキストボックスに書き込んだらいいのかがわかりません

メロンは form1

野菜は form2

果物は form3


スクリプトのほうも複数のフォームに対応させる必要があります

<html>
<head>
<script type="text/javascript">
 <!--
 function a_submit(f,n) {
 document.forms[f].elements["keyword"].value = n;
 document.forms[f].submit();
 }
 //-->
 </script>
</head>
<body>
 ■ お勧めセット ■<br><Br> 
 <a href="javascript:void(0)" onclick="a_submit('form1','メロン'); return false;">メロン</a><br><br>
 <form name="form1" action="kaimono_kensaku.php" method="POST" >
 <input type="text" name="keyword" size="30">
 <input type="submit" value="送信" />
 </form>
 ◆◇◆ 野菜 ◆◇◆<br><Br><br><Br>
 <a href="javascript:void(0)" onclick="a_submit('form2','じゃがいも'); return false;">じゃがいも</a><br><br>
 <form name="form2" action="kaimono_kensaku.php" method="POST">
 <input type="text" name="keyword" size="30"><br>
 <input type="submit" value="送信" />
 </form>
 ◆◇◆ 果物 ◆◇◆<br><Br> <br><Br>
 <a href="javascript:void(0)" onclick="a_submit('form3','さくらんぼ'); return false;">さくらんぼ</a><br><br>
 <form name="form3" action="kaimono_kensaku.php" method="POST">
 <input type="text" name="keyword" size="30"><br>
 <input type="submit" value="送信" />
 </form>◆◇◆ その他 ◆◇◆<br><Br>
</body>
</html>

下のようにしてしまう方法もありますが、種類が増えてくるとメンテナンスが面倒になるので、普段は使わないです

<html>
<body>
 ■ お勧めセット ■<br><Br> 
 <a href="javascript:void(0)" onclick="javascript:document.form1.keyword.value = 'メロン'; document.form1.submit(); return false;">メロン</a><br><br>
 <form name="form1" action="kaimono_kensaku.php" method="POST" >
 <input type="text" name="keyword" size="30">
 <input type="submit" value="送信" />
 </form>
 ◆◇◆ 野菜 ◆◇◆<br><Br><br><Br>
 <a href="javascript:void(0)" onclick="javascript:document.form2.keyword.value = 'じゃがいも'; document.form2.submit(); return false;">じゃがいも</a><br><br>
 <form name="form2" action="kaimono_kensaku.php" method="POST">
 <input type="text" name="keyword" size="30"><br>
 <input type="submit" value="送信" />
 </form>
 ◆◇◆ 果物 ◆◇◆<br><Br> <br><Br>
 <a href="javascript:void(0)" onclick="javascript:document.form3.keyword.value = 'さくらんぼ'; document.form3.submit(); return false;">さくらんぼ</a><br><br>
 <form name="form3" action="kaimono_kensaku.php" method="POST">
 <input type="text" name="keyword" size="30"><br>
 <input type="submit" value="送信" />
 </form>◆◇◆ その他 ◆◇◆<br><Br>
</body>
</html>
◎質問者からの返答

ご回答ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ