プルダウンの選択値のPOSTについて

2010/08/30 13:55

このQ&Aのポイント

PHPを使用して、検索条件としてプルダウンを設け、選択された情報を別画面に渡し、絞込みを行いたい場合、ラジオボックスの値も一緒に渡す方法を教えてください。
特定の画面にプルダウンがあり、選択された値を別の画面に渡して絞込みを行うためには、どのような方法を使えば良いでしょうか。
プルダウンやラジオボックスの選択値を別画面に渡し、絞り込みを行いたい場合、PHPを使用してどのように記述すれば良いでしょうか。

プルダウンの選択値のPOSTに関して

プルダウンの選択値のPOSTに関してある画面に検索条件としてプルダウンを設け、その中のどれでも構わないが選択された場合に別画面にその情報を渡し、別表の絞込みをかけるようなソースをPHPも使って記述しています。その際に、プルダウンの情報は連携できたものの、それだけでなくラジオボックスで選択された情報も受け渡ししたいと考えています。このような場合はどのように記述すれば良いでしょうか。。。わかりにくい内容で申し訳ありませんが、教えて頂ければ幸いです。よろしくお願いします。 <script> function getDataPost( serverURL, objID ,obj){ var ajax = createXMLHttpRequest(); ajax.open( "POST", serverURL ); ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.onreadystatechange=function(){ 　if(( ajax.readyState == 4 ) && ( ajax.status == 200 )){ 　　if(objID!=""){ 　　　var obj = window.parent.b.document.getElementById( objID ); 　　　obj.innerHTML = ajax.responseText; 　　} 　} } ajax.send( obj.name+"="+obj.value ); } </script> <HTML> <HEAD> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>検索条件</title> <base target="main"> </HEAD> <BODY> <td><font color=red SIZE="2"> <td align="right" style="padding:0px 13px;font-size:16px"> <form method="POST" action="AAA.php" target="sub"> <p>部署名：<select name="fuga" onchange="getDataPost('AAA.php','hoge',this)"> <?php $count = 0; for($i=0;$i<$row;$i++) { print("<option value='部署コード'> 部署コード</option>\n"); $count++; } print("</select>\n"); ?> //********ここから下の選択したラジオボックスの値を一緒にPOSTしたい**********// <input type="radio" name="q1" value="1" checked> Ａ表 <input type="radio" name="q1" value="2"> Ｂ表 //**************************************************************************// </form> <div id="hoge"></div> </BODY> </HTML>

yurix_1
お礼率38% (44/114)

JavaScript
回答数3
ありがとう数3

みんなの回答 （3）
専門家の回答

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

ベストアンサー

yyr446
ベストアンサー率65% (870/1330)

2010/08/30 18:27 回答No.3

場合の受け取り側はどのように記述すれば良いでしょか。。。＝＝＞それは．．．別表の絞込みをかけるようなソースのロジックがわからないので、ソースを書こうとしても、どうしようもないですが、 POSTされた値の取得なら、AAA.phpの中で　$_POST['fuga'] <------ <select name="hoge">のvalue 　$_POST['q1'] <------ チェックされた<input type="radio" name="q1">のvalue に格納されてます。 http://www.php.net/manual/ja/language.variables.external.php 今回の場合は、value値はユーザーが手で入力するものじゃないから、 htmlspecialcharsとかuridecodeとか不要だし、送る時もuriencode する必要なかったです。

質問者

お礼 2010/08/30 18:36

ありがとうございます！！！　　できました！！！！本当にありがとうございました！！！

その他の回答 (2)

yyr446
ベストアンサー率65% (870/1330)

2010/08/30 17:25 回答No.2

いろいろ、細かいところミスってました。 ↓です。 <script type="text/javascript"> function getDataPost( serverURL, objID ,obj){ var ajax = createXMLHttpRequest(); ajax.open( "POST", serverURL ); ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.onreadystatechange=function(){ 　if(( ajax.readyState == 4 ) && ( ajax.status == 200 )){ 　　if(objID!=""){ 　　　var obj = window.parent.b.document.getElementById( objID ); 　　　obj.innerHTML = ajax.responseText; 　　} 　} } var other_parm=""; var elms=obj.form.elements; for (var i=0;i<elms.length;i++){ if(elms[i].type=="radio"){ if(elms[i].checked==true) other_parm += "&" + elms[i].name+"=" + elms[i].value } } ajax.send(encodeURIComponent(obj.name+"="+obj.value +　other_parm)); } </script>

質問者

補足 2010/08/30 18:03

ソースまで記述して頂き、本当にありがとうございます。もう１点だけ教えて下さい。この場合の受け取り側はどのように記述すれば良いでしょか。。。何から何まで聞いて申し訳りませんが、よろしくお願いします。

yyr446
ベストアンサー率65% (870/1330)

2010/08/30 15:00 回答No.1

どのradioボタンがチェックされてるか、 getDataPost(){}内で判定して、 ajax.send( obj.name+"="+obj.value );に追加してしまいましょう var other_parm=""; var elms=obj.form.elements; for (var i=0;i<elms.length;i++){ if(elms[i].type="radio" && elms[i].checked==true) other_parm += "&" + elms[i].type+"=" + elms[i].value } ajax.send(uriencode(obj.name+"="+obj.value +　other_parm)); の部分で、そのradioボタンのnameと値も渡せばよいのです。

質問者

補足 2010/08/30 15:35

ご回答ありがとうございます。無知なもので大変申し訳ありませんが、この記述をソースのどの部分に追加させれば良いのでしょうか。。。 getDataPost内に追加しましたが、どうしてもエラーとなってしまう為、、、メッセージ: 'form.elements' は Null またはオブジェクトではありません。教えて下さい。よろしくお願いします。

プルダウンの選択値のPOSTについて

プルダウンの選択値のPOSTに関して