- ベストアンサー
DB(MySQL)、PHP、jQueryの連結
- 現在DB(MySQL)、PHP、jQueryの連結でつまづいております。
- 上記３で困っております。現状はjQueryのchangeで項目が選択されたと同時にセレクト項目$item['web_category']をjs変数に代入し、loadでDB検索リクエスト用のphpファイルにポストできないものかと考えていたのですが、jQの部分でエラーがでてしまいどうにもうまくいきません。
- 初心者なものでこのやり方自体はき違えているのかもしれません。説明下手な上、支離滅裂な個所もあるかとは存じますが、それも含めご教授いただけるとありがたいです。
- kabane_shi
- お礼率75% (3/4)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 まずエラーが出ている場合はどんなエラーが出ているかを質問に含めると回答が付きやすいです。 似たような構成で作ってみましたがエラーになりませんでした。 どこかケアレスミスか何かだと思いますがいかがでしょうか。 エラーメッセージ、全体のソースを補足頂ければ解決策が見つかるかもしれません。 ==== 動作確認 http://hppg.moe.hm/okwave/qa/q7289962/ ==== ソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>DB(MySQL)、PHP、jQueryの連結</title> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript">google.load('jquery','1');</script> <script type="text/javascript"> $().ready ( function() { $("#category").change ( function() { var value = $(this).val(); $("#display").load ( 'search.php', {search:value} ); }); }); </script> <style type="text/css"> body { background-color:#000;color:#999; } </style> </head> <body> <h1>カテゴリ検索</h1> <form> <p> カテゴリ <select name="category" id="category"> <option value="youga">洋画</option> <option value="houga">邦画</option> <option value="anime">アニメ</option> </select> </p> <div id="display"></div> </form> </body> </html>
お礼
お礼が遅くなってしまい申し訳ありません。 仰る通り私の記述ミスでした。 上記のコードを参考にさせていただきどうにか自身が希望していた物を作成することが叶いました。 本当にありがとうございます。