実現したいこと
入力フォームのコードを書いているのですが、流れとしては、情報を入力フォームに入力→→確認画面の表示、という流れで行きたいのですが、入力フォーム内にある、日付けと、時間帯を選択する項目のコードを書いたのですが、何故か、入力確認認画面にて、選択した日付けは表示されるのですが、選択した時間帯が表示されずに困っています。付属画像参照。文字数制限のためコードの一部はカットしています。
**どうコードを書いたらよいでしょうか。**回答よろしくお願いいたします。**先に進まず困っています。
**
その他の情報
サーバーXREA プログラミングソフト:マイクロソフトのWEB4 PC:windows8.1
html
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 6<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 7<title>名前</title> 8<script type="text/javascript" src="jquery.min.js"></script> 9<script type="text/javascript"> 10function check_contactform() { 11 12 13 var time4 = $('input[name="time4"]').val(); 14 15 var timehh1 = $('select[name="timehh1"]').val(); 16 17 18 19 var time5 = $('input[name="time5"]').val(); 20 21 var timehh2 = $('select[name="timehh2"]').val(); 22 23 24var time6 = $('input[name="time6"]').val(); 25 26var timehh3 = $('select[name="timehh3"]').val(); 27 28 29 var errmsg = ""; 30 31 32if(time4 == "") { 33 34 errmsg = errmsg +"第1希望:※月と日付を選択してください\n "; 35 36 } 37 38 39 if(timehh1 == "") { 40 41 errmsg = errmsg + "第1希望:※時間帯を選択してください\n"; 42 43 } 44 45 46if(time5 == "") { 47 48 errmsg = errmsg + "第2希望:※月と日付を選択してください\n"; 49 50 } 51 52 if(timehh2 == "") { 53 54 errmsg = errmsg + "第2希望:※時間帯を選択してください\n"; 55 56 } 57 58 59 60 61 if(time6 == "") { 62 63 errmsg = errmsg + "第3希望:※月と日付を選択してください\n"; 64 65 } 66 67 if(timehh3 == "") { 68 69 errmsg = errmsg + "第3希望:※時間帯を選択してください\n"; 70 71 } 72 73 if(errmsg != "") { 74 75 alert(errmsg); 76 77 return false; 78 79 } 80 81 $('form[name="myform"]').submit(); 82 83} 84</script> 85 86</head> 87 88 89 90<body> 91 92 <form action="concon.php"method="post" name="myform"> 93 94 <div class="b c font25 span lt_004 w95 cm"><span>下記選択枠より、</span><span>ご希望の日時をご選択ください。</span></div> 95 96 97 <div class="select_date font22"> 98 99 <table><tbody><tr class="time_list"> 100 <td class="b">第1希望:<span class="fontS">※</span></td> 101 <td class="fontSS"> 102 <table><tbody><tr class="time_list2"> 103 <td> 104 <input type="date" id="input_date1" class="cal lt_004 hasDatepicker" name="time4" value=""> 105 106 107 </td> 108 <td> 109 <div class="wrap"> 110 111 112 <select id="input_time1" name="timehh1"> 113 <option value=""></option> 114 <option value="10:00~11:00">10:00~11:00</option> 115 <option value="11:00~12:00">11:00~12:00</option> 116 <option value="12:00~13:00">12:00~13:00</option> 117 <option value="13:00~14:00">13:00~14:00</option> 118 <option value="14:00~15:00">14:00~15:00</option> 119 <option value="15:00~16:00">15:00~16:00</option> 120 <option value="16:00~17:00">16:00~17:00</option> 121 <option value="17:00~18:00">17:00~18:00</option> 122 <option value="18:00~19:00">18:00~19:00</option> 123 <option value="19:00~20:00">19:00~20:00</option> 124 </select> 125 </div> 126 </td> 127 </tr></tbody></table> 128 </td> 129 </tr></tbody></table> 130 131 <table><tbody><tr class="time_list"> 132 <td class="b">第2希望:<span class="fontS">※</span></td> 133 134 <td class="fontSS"> 135 <table><tbody><tr class="time_list2"> 136 <td> 137 <input type="date" id="input_date2" class="cal lt_004 hasDatepicker" name="time5"value=""> 138 139 140 </td> 141 <td> 142 <div class="wrap"> 143 144 145 <select id="input_time2" name="timehh2"> 146 <option value=""></option> 147 <option value="10:00~11:00">10:00~11:00</option> 148 <option value="11:00~12:00">11:00~12:00</option> 149 <option value="12:00~13:00">12:00~13:00</option> 150 <option value="13:00~14:00">13:00~14:00</option> 151 <option value="14:00~15:00">14:00~15:00</option> 152 <option value="15:00~16:00">15:00~16:00</option> 153 <option value="16:00~17:00">16:00~17:00</option> 154 <option value="17:00~18:00">17:00~18:00</option> 155 <option value="18:00~19:00">18:00~19:00</option> 156 <option value="19:00~20:00">19:00~20:00</option> 157 </select> 158 </div> 159 </td> 160 </tr></tbody></table> 161 </td> 162 </tr></tbody></table> 163 164 <table><tbody><tr class="time_list"> 165 <td class="b">第3希望:<span class="fontS">※</span></td> 166 <td class="fontSS"> 167 <table><tbody><tr class="time_list2"> 168 <td> 169 <input type="date" id="input_date3" class="cal lt_004 hasDatepicker" name="time6" value=""> 170 171 172 </td> 173 <td> 174 <div class="wrap"> 175 176 177 <select id="input_time3" name="timehh3"> 178 <option value=""></option> 179 <option value="10:00~11:00">10:00~11:00</option> 180 <option value="11:00~12:00">11:00~12:00</option> 181 <option value="12:00~13:00">12:00~13:00</option> 182 <option value="13:00~14:00">13:00~14:00</option> 183 <option value="14:00~15:00">14:00~15:00</option> 184 <option value="15:00~16:00">15:00~16:00</option> 185 <option value="16:00~17:00">16:00~17:00</option> 186 <option value="17:00~18:00">17:00~18:00</option> 187 <option value="18:00~19:00">18:00~19:00</option> 188 <option value="19:00~20:00">19:00~20:00</option> 189 </select> 190 </div> 191 </td> 192 </tr></tbody></table> 193 </td> 194 </tr></tbody></table> 195 196 197 </div> 198 <div class="font16 c b">※は必須項目となります。</div> 199 200 201 202 <input type="button" value="確認画面へ" onclick="check_contactform()"/> 203 204 205 206<footer class="relative z3"> 207 <div class="copyright contents1800 back_gray2"> 208 <p><a href="/law/">特定商取引法に基づく表記</a>・<a href="/law/#privacy">プライバシーポリシー</a><span class="hidden600"> | </span><br class="visible600">Copyright. All Rights Reserved.</p> 209 </div> 210</footer> 211</form> 212 </body></html> 213 214 215 216
PHP(concon)
PHP
1<?php 2 3 4$time4 =$_POST['time4']; 5$timehh1 =$_POST['timehh1']; 6 7$time5 =$_POST['time5']; 8$timehh2 =$_POST['timehh2']; 9 10$time6 =$_POST['time6']; 11$timehh3 =$_POST['timehh3']; 12 13 14?> 15<!DOCTYPE html> 16<html lang="ja"> 17 18<head> 19<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 20<title>名前</title> 21 22</head> 23 24<body> 25<form action="submit.php" method="post" name="myform"> 26 27 28 29 30 <br><br>第1希望:<span class="fontS">※</span> <input type="date" id="input_date1" class="cal lt_004 hasDatepicker" name="time4" readonly="readonly" value="<?=$time4;?>"> 31 <br>第2希望:<span class="fontS">※</span> <input type="date" id="input_date2" class="cal lt_004 hasDatepicker" name="time5" readonly="readonly" value="<?=$time5;?>"> 32 <br>第3希望:<span class="fontS">※</span> <input type="date" id="input_date3" class="cal lt_004 hasDatepicker" name="time6" readonly="readonly" value="<?=$time6;?>"> 33 34 35 36 37 38<input type="submit" value="送信する"/> 39</form> 40</body> 41 42</html> 43
回答1件
あなたの回答
tips
プレビュー