• ベストアンサー

googlemapとphp

PHPで都道府県プルダウンをつくり、プルダウンで選択された情報をgooglemapを表示しているhtmlに渡し、googlemapで表示したいと思っています。 以下はソースです。 main.php <html> <head> <title></title> </head> <body> <form method="get" action="<?=$_SERVER['PHP_SELF']?>"> <select name="pref"> <?=pref_form($_GET['pref'])?> </select> <input type="submit" value="選択"> </form> <?php … … $location ="千葉";←この部分☆☆☆ … if (ereg($location ,$title)) { … } function pref_code($prefno=''){ $pref_array=array( '北海道','青森県','岩手県','宮城県','秋田県','山形県','福島県', '茨城県','栃木県','群馬県','埼玉県','千葉県','東京都','神奈川県', '新潟県','富山県','石川県','福井県','山梨県','長野県','岐阜県', '静岡県','愛知県','三重県','滋賀県','京都府','大阪府','兵庫県', '奈良県','和歌山県','鳥取県','島根県','岡山県','広島県','山口県', '徳島県','香川県','愛媛県','高知県','福岡県','佐賀県','長崎県', '熊本県','大分県','宮崎県','鹿児島県','沖縄県' ); if($prefno==''){ return $pref_array; }else{ return $pref_array[$prefno]; } } //-------------------------------------------------------------------------- // 都道府県表示HTMLコードを生成する //-------------------------------------------------------------------------- function pref_form($pref=''){ $pa=pref_code(); if($pref){ $form="<option value=\"\">都道府県</option>\n"; }else{ $form="<option value=\"\" selected>都道府県</option>\n"; } foreach($pa as $p){ $form.="<option value=\"".$p."\""; if($pref==$p){ $form.=" selected"; } $form.=">".$p."</option>\n"; } return $form; } ?> </body> </html> test.html↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <script src="http://maps.google.com/maps?file=api&v=2&key=キー" type="text/javascript"></script> … … <script type="text/javascript"> //<![CDATA[ … function createmarker(){ … … } //]]> </script> </body> </html> PHPで選択された内容をhtml側で受け取らせgooglemapで表示する方法はありますでしょうか? またプログラム中盤の$location ="千葉";の部分で 現在は都道府県名を直接入れているのですが、 function pref_code($prefno=''){ から始まる都道府県プルダウンで選択された都道府県を変数に代入 して$location ="変数"; という形にしたいのですが、なにかいい方法はありませんでしょうか? ご教授の方お願いします。

  • PHP
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • wp_
  • ベストアンサー率54% (132/242)
回答No.2

>出来れば受け渡し方も教えていただけると助かります。 受け取り側のphpでprint_r($_REQUEST);と記述してみましょう。 あとはあなた自身の努力です。 まずは言語リファレンスを夢に出るまで熟読しましょう。

参考URL:
http://jp.php.net/manual/ja/index.php

その他の回答 (1)

  • memphis
  • ベストアンサー率40% (975/2395)
回答No.1

htmlでは、選択した内容を受け取ることができませんので、 そちらもPHPにすればいいです。

yu-jin7013
質問者

お礼

早いご回答ありがとうございます。 htmlをphpにしデータを送ることは分かりました。 出来れば受け渡し方も教えていただけると助かります。 初心者なものですいません。

関連するQ&A

  • PHP プルダウンメニュー MYSQL

    PHPを習い始めているのですがどうしても分からない問題が出てきました。 プルダウンメニューを作成し、その中の項目を選択すると検索ボタンをお押さずに別のページにとび、選択項目の必要情報(全件情報)をページが切り替わったと同時にMYSQLから吐き出したいのですが、どうしてもやり方が分かりません。  色々と調べていたらjavascriptを使い検索ボタンを押さずに、 プルダウンから項目を選んだだけでページは切り替わることは出来たのですが、その次の工程にしているページが切り替わったと同時に選択項目の 必要情報を画面に出力する方法が分かりません、、 下にあるスクリプトでプルダウンから直接違うページに飛ばしており、 <!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=Shift_JIS" /> <SCRIPT LANGUAGE="JavaScript"><!-- function Jump() { tu = document.f.elements['jumpto'].options[document.f.elements['jumpto'].selectedIndex].value if( tu != '-' ) { location.href = tu; } else { alert('移動先を選択して下さい。'); } } // --></SCRIPT> <FORM NAME="f"> <SELECT NAME="jumpto" onChange="Jump();"> <OPTION VALUE="-" SELECTED>移動先を選択</OPTION> <option value="page1.php" >aaa</option> <option value="page2.php" >bbb</option> <option value="page3.php">ccc</option> <option value="page.php">ddd</option> </SELECT> </FORM> 例えばpage1.phpに飛んで、ページが切り替わったと同時に 全件情報を出力したいのですが どのたかお分かりになるかたが いましたら是非お伺い出来ませんでしょうか? 宜しくお願い致します。

    • ベストアンサー
    • PHP
  • phpでクッキーが削除できない(時がある)

    プルダウンで選択された都道府県にすんでいるユーザーの検索処理をしたいのです。 検索をクリックすると、クッキーを発行して、再読み込み。 phpでクッキーの値をみて、クッキーに値があれば、 ユーザー検索。なければ無視、というものです。 if($ck_flg == "1") { のあとに、 setcookie("accEnter","",time()-1); でクッキー値を削除していますが、 クッキーが削除できないためうまく制御ができません。 ただ、<option>タグの行を少し減らすと、クッキーが削除されて、 うまく動くようになります。 HTMLのコードの行数なども影響あるのでしょうか? setcookieの使い方がまずいのでしょうか? ご教示ください。 ■mypage.php(都道府県で検索) <?php $ck_flg = _ss($_COOKIE["flg"]); ?> <html> <body> <form name="search" action="./mypage.php" method="GET" >   <select name="pref">    <option value="東京都">東京都</option>    <option value="千葉県">千葉県</option>    <option value="埼玉県">埼玉県</option>    <option value="神奈川県">神奈川県</option>   </select>   //検索リンクをクリックすると再読み込み。   <a href="javascript: document.cookie = 'flg=1'; document.search.submit();">検索</a> </form> <php //検索リンクがクリックされていたらクッキーを削除して、ユーザーを検索。 //それ以外は無視。 if($ck_flg == "1") {   # COOKIE削除(再読込防止)   setcookie("accEnter","",time()-1);   //プルダウンで選択されたユーザーを検索   $sql = "SELECT id, username";   $sql .= " FROM user WHERE (pref= '神奈川県');"; }

    • 締切済み
    • PHP
  • php セレクトボックス 値取得

    現在phpでフォームを作成しています。 都道府県選択のフォームがあり、データベースに都道府県のマスタが管理されています。 都道府県には北海道~沖縄まで順番にIDが振られています。 選択フォームはセレクトボックスになります。 ソースは簡単ですが <option value="<?php echo $prefid; ?>"><?php echo $prefname; ?></option> とループさせて下記の状態になります。 <select name="pref"> <option value="1">北海道</option> <option value="2">青森県</option> <option value="13">東京都</option> <option value="20">愛知県</option> <option value="47">沖縄</option> </select> とあり、選択された(例:北海道を選択)のち確認画面では1と表示されます。 これを北海道と表示させたいのですが、どのように作ったらよろしいでしょうか? sessionは使用しています。 $_SESSION['pref'] = $_REQUEST['pref']; で値受け取っています。 おわかりの方がいらっしゃいましたらご教示お願いします。

    • 締切済み
    • PHP
  • [PHPとHTML]リストボックスについて質問です。

    [PHPとHTML]リストボックスについて質問です。 ///////a.php <!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"/> <title>リストボックス</title> </head> <body> <form id="form1" name="form1" method="post" action="b.php"> <label> <select size="1" name="num" id="num"> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </label> </form> </body> </html> ///////b.php if ($_POST['num'] == "2" or $_POST['num'] == "3" or $_POST['num'] == "4") { ※↑ここの部分がエラーとなっています。 $num = $_POST['num']; echo "$num"; echo '<a href="a.php">戻る</a>'; } ラジオボタンを使っての判定条件の仕方はわかったのですが、 リストボックスについてはどうすればいいのかわかりません。 どうしたらいいか教えてもらえませんか?

    • ベストアンサー
    • PHP
  • 2つのプルダウンの連動に関して

    2つのプルダウンの連動に関して javascript の話になってしまうかと思われますが、教えて下さい。 2つのプルダウンを連動させたいと考えていますが、単純に決められた項目を初期値として 設定するようなプルダウンであれば問題なくできますが、テーブルから取得したデータをプルダウン にセットした後に制御を掛けたいと考えています。 以下のようなソースを活用できないか?と考えていますが、どのような方法があるでしょうか。。。。 《活用ソース》 <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE=JavaScript> <!-- function funcSubmit() { if (document.formMain.pref.selectedIndex == 0 && document.formMain.city.selectedIndex == 0) { window.alert("都道府県と市町村を選択してください"); return false; } else { return true; } } function funcMain(b) { if (document.formMain.pref.selectedIndex == 0) { document.formMain.city.length = 1; document.formMain.city.selectedIndex = 0; } else { if (b) { document.formMain.city.length = 1; document.formMain.city.selectedIndex = 0; } var city = cities[document.formMain.pref.selectedIndex - 1]; document.formMain.city.length = city.length + 1; for (var i = 0; i < city.length; i++) { document.formMain.city.options[i + 1].value = i; document.formMain.city.options[i + 1].text = city[i]; } } } ↓↓↓↓ ※これらの情報をテーブルから取得したデータとしたい。↓↓↓↓  var prefs = new Array("東京都", "大阪府", "愛知県", "千葉県");   var cities = new Array(); cities[0] = new Array("小平市", "町田市", "三鷹市"); cities[1] = new Array("大阪市", "豊中市"); cities[2] = new Array("名古屋市", "半田市"); cities[3] = new Array("千葉市", "市川市", "柏市"); // --> </SCRIPT> </HEAD> <BODY onLoad="funcMain(false)"> <FORM NAME=formMain METHOD=POST ACTION=result.asp onSubmit="return funcSubmit()"> <SELECT NAME="pref" onChange="funcMain(true)"> <OPTION VALUE="" SELECTED>(都道府県を選択してください) <OPTION VALUE="0">東京都 <OPTION VALUE="1">大阪府 <OPTION VALUE="2">愛知県 <OPTION VALUE="3">千葉県 </SELECT> <SELECT NAME="city"> <OPTION VALUE="" SELECTED>(市町村を選択してください) <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> </SELECT> <INPUT TYPE=submit VALUE="登録"> </FORM> </BODY> </HTML>

    • ベストアンサー
    • PHP
  • プルダウンの値をphpファイルへ渡したい

    いつもお世話になっております。 現在、作成中のHPですが、データ取得をphpで行い表示をしています。 (1)a.phpでプルダウンのデータを取得し、b.phpで表示。 (2)b.phpでプルダウンを選択し、その値をtest.phpへ渡す。 (2)で、プルダウンの値を渡す処理がどうしてもうまくできず、 とても困っています。 どこを修正すればよいのかご教授願いたいのですが・・・。 スクリプトは下記の通りです。 ------------------------------------------------------- 【b.php】 <html> <head> <title>テスト</title> </head> <body> <SCRIPT language="JavaScript"> function testphp(){ try{ with(document.testform){ action="http://test/test.php"; test.value = testform.testselect[testform.testselect.selectedindex].value; method="POST"; submit(); } } catch(e) { alert("エラーは " + e.description + " です。"); } } </SCRIPT> <form name="testform" onchange="testphp()"> <select name="testselect"> <option value="あ">結果1</option> <option value="い">結果2</option> <option value="う">結果3</option> <option value="え">結果4</option> <option value="お">結果5</option> </select> </form> </body> </html> 【test.php】 <?php //変数処理 $a = @$_POST["test"]; print "渡された値:".$a; exit; ?> ------------------------------------------------- どうぞ、宜しくお願い致します。

  • php mysql でチェックボックスによる検索

    お世話になります。 PHPにてDB(MySQL)に登録されたデータをチェックボックスで検索するスクリプトを組んでおります。 検索項目として(複数チェック可) 住所: □東京都 □神奈川県 □埼玉県 性別: □男   □女 とあります。 例えば東京都、神奈川県、男にチェックを入れた場合、 東京都+男、神奈川県+男のデータを取り出したいのですが、二つチェックを入れた場合、データが見つからないとなってしまします。 同じような質問は全て目を通して試してみたのですが、なかなかうまくいかない為、お力をかしていただければと思います。 スクリプトは以下となっております。 ------------------------------------------------------------- input.php <html> <head> <title>PHP SEARCH</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body bgcolor="#FFFFFF" text="#000000"> <form action="search.php" method="POST" > <form> <b>住所</b><br> <input type="checkbox" name="pref[]" value="東京都">東京都<br> <input type="checkbox" name="pref[]" value="神奈川県">神奈川県<br> <input type="checkbox" name="pref[]" value="埼玉県">埼玉県<br> <b>性別</b><br> <input type="checkbox" name="sex[]" value="男">男<br> <input type="checkbox" name="sex[]" value="女">女<br> <br> <input type="submit" value="検索開始"> </form> </body> </html> ------------------------------------------------------- search.php <!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" /> <title>サーチ</title> </head> <body> <?php $pear_path = 'c:/xampp/php/PEAR'; set_include_path(get_include_path() . PATH_SEPARATOR . $pear_path); require_once('MDB2.php'); // DSNの設定 $dsn = array( 'phptype' => 'mysql', 'username' => 'root', 'password' => '', 'hostspec' => 'localhost', 'database' => 'test01', ); // オプションの設定 $options = array( 'portability' => MDB2_PORTABILITY_ALL, ); // 接続 $mdb2 =& MDB2::connect($dsn, $options); if (PEAR::isError($mdb2)) { exit('データベースへの接続に失敗しました'); } // 初期化 $sql = 'set names utf8'; $res =& $mdb2->query($sql); $mdb2->setFetchMode(MDB2_FETCHMODE_ASSOC); // 都道府県 if(isset($_POST['pref'])){ $a = implode(' OR ',$_POST['pref']); } // 性別 if(isset($_POST['sex'])){ $b = implode(' OR ',$_POST['sex']); } // 検索 $sql = "select * from sample where pref in ('$a') AND sex in ('$b')"; $result = $mdb2->query($sql); if (PEAR::isError(result)) { exit('接続に失敗しました'); } $num_rows = $result->numRows(); if($num_rows == 0){ exit('検索結果はありませんでした'); }else{ print $result->numRows()."件のデータがあります"; } print("<table border=\"1\">\n"); print("<tr>"); print("<th>id</th><th>性別</th><th>都道府県</th>"); print("</tr>"); while($row = $result->fetchRow()){ print("<tr>\n"); print("<td>" . $row['id'] . "</td>"); print("<td>" . $row['pref']. "</td>"); print("<td>" . $row['sex']. "</td>"); print("</tr>\n"); } // 接続を切る $mdb2->disconnect(); ?> </body> </html> 何卒よろしくお願い致します。

    • ベストアンサー
    • PHP
  • プルダウンメニューの選択時のリンク先について

    「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示  ※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>

  • php javascript

    今、googlemapsに天気情報を読み込ませて天気によって場所を表示させたいと思っております。そこで天気情報をhttp://web1.aaacafe.ne.jp/~tenki/tenki.xml をMagpieRSSを用いて、 http://kenbo.net/tenki/tenki_rss.html を参考にし取得しました。 また↓のサイトを参考にし http://www.nob.gr.jp/tips/tips.html 天気の部分だけを抜き出すことが出来るようになりました。 tenki_rss.php↓ <?php … … $wether = split("<br />", $description); switch($wether[1]){ case "晴": ☆☆☆☆☆☆☆☆☆ break; case "雨": ☆☆☆☆☆☆☆☆☆ ・・・・・・ } … … ?> 上記の☆部分が実行されたらメインのgooglemapのhtml↓ test.html↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <script src="http://maps.google.com/maps?file=api&v=2&key=キー" type="text/javascript"></script> … … <script type="text/javascript"> //<![CDATA[ function test(){ … } … … //]]> </script> </body> </html> のfunction test()に飛ばせる?ような方法はありますでしょうか? メインのhtmlはjavascriptで天気情報はPHPで作っています。 プログラム初心者なんであまり説明がうまくなくすみませんが分かる方がいらっしゃいましたらご教授の方よろしくお願いします。

    • ベストアンサー
    • PHP
  • mouseoverのコンテンツ内でselectタグ

    jQueryでマウスオーバーで、あるコンテンツを表示する仕組みを作って、 そのコンテンツ内にプルダウンを表示したいのですが、 <option>の選択肢にカーソルを合わせると、コンテンツが閉じてしまい、困っています。 (メガメニュー?のようなイメージです。IEとFireFoxで検証しています。) ↓のようなソースを書いているのですが、どこがいけないのでしょうか。。 --------------------- <!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" /> <title>サンプル</title> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script> <script type="text/javascript"> $(function(){ //一旦非表示 $('#cont').hide(); //ここから表示設定 $('#hoge').mouseover(function(){ $('#cont').show(); }).mouseout(function(){ $('#cont').hide(); }); }); </script> <style type="text/css"> #hoge {margin:0; padding:0;} #cont {padding:100px; position:absolute; background-color: rgba(0, 0, 0, 0.5);} </style> </head> <body> <ul> <li id="hoge"> <a >hoge</a> <div id="cont"> <form method="get"> <select> <option value="">選択してください</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> </select> <input type="button" value="検索" /> </form> </div> </li> <li>…</li> <li>…</li> </ul> </body> </html> --------------------- わかる方いらっしゃいましたら、ヒントいただけると嬉しいです。。 よろしくお願いいたしますm(__)m