###前提・実現したいこと
ボタン代わりにDIVのクリックで要素を与えて、別のphpを呼び出したいのですが、うまく行かずに困っております。
###該当のソースコード
HTML
1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>無題ドキュメント</title> 6<script src="../common/jquery/jquery-3.1.1.min.js"></script> 7 <style type="text/css"> 8 div.test{ 9 background-color:aquamarine; 10 height: 50px; 11 width: 200px; 12 border: 1px solid #f00; 13 } 14 div.ps{ 15 cursor: pointer; 16 cursor: hand; 17 height: 50px; 18 width: 400px; 19 border: 1px solid #f00; 20 } 21 </style> 22</head> 23 24<body> 25 <div class="ps" >モビルスーツ1(model_number":"RX-78)</div> 26 <div class="ps">モビルスーツ2(model_number":"RX-77)</div> 27 <div class="ps">モビルスーツ3(model_number":"RX-78)</div> 28</body> 29 30<!-- ここにjQuery --> 31 <script> 32 $('div.ps').on('click', function(){ 33 var postData = {"model_number":"RX-78"}; 34 jQuery.post("./b.php", postData); 35 }); 36 </script> 37</html> 38
php
1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>無題ドキュメント</title> 6</head> 7 8<body> 9<?php 10 $model_number=$_POST['model_number']; 11 $model_name=''; 12 switch($model_number) 13 { 14 case 'RX-78': 15 $model_name='ガンダム'; 16 break; 17 18 case 'RX-77': 19 $model_name .='ガンキャノン'; 20 break; 21 22 case 'RGM-79': 23 $model_name .='GM'; 24 break; 25 26 case '': 27 $model_name .='なし'; 28 break; 29 } 30 print $model_name; 31?> 32</body> 33</html>
###動作の希望
1.最初のHTMLで、DIVで指定したどれかをクリックすると、phpへジャンプしたい。
2.3つのDIVタグのそれぞれをクリックすると、()内のように要素を指定して、その要素を与えたい
このためいろいろと調べて、このような試作品をつくってみたのですが、現状では、DIVをクリックしても、b..phpへ遷移しません。
また、それぞれのDIVに要素を指定する方法も判らず、現在は直書きしてしまっています。
なぜこのような事がしたいのか、ですが、実は元のHTMLは、全体部分を別のphpに飛ばすフォームがあり、このDIVの部分は、いってみてはFORMの入れ子です。HTMLのサブミットボタンを押すと、Aのphpに、このDIVのリストをクリックするとBのphpにリストの要素を持たせてジャンプさせたいのです。
。ajaxを使っていないのは、このHTMLそのものに書き戻ししたいのではなく、a.php、b.phpへ」それぞれ飛ばしたいからです。
何か不足している情報や、まちがって認識しているところがありましたら、おしえていただきたいと思います。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/26 06:25