###前提・実現したいこと
ここに質問したいことを詳細に書いてください
予約管理表を作っています。
クリックイベントで入力フォームを書き換えたんですが、postすることができません。
どのようにしたらよろしいでしょうか。phpとjs勉強を始めて1週間で初歩的な問題かと
思いますがよろしくお願い致します。
###発生している問題・エラーメッセージ
エラー表示なし
###該当のソースコード
php
<?php
echo $_POST['time'];
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="./js/time.js"></script>
<script type="text/javascript" src="./js/form.js"></script>
<link rel="stylesheet" href="./css/top.css" />
<title>kanri</title>
<script type="text/javascript"></script>
</head>
<body>
<!-- モーダル -->
<div class="modal-main">
<div class="modal-contents">
<form action="time.php" method="post"class="modal-table">
<b>入力フォーム</b>
<table>
<tr>
<td class="modal-td">名前:</td>
<td class="modal-td"><input type="text" name="name"/></td>
</tr>
<tr>
<td class="modal-td">時間:</td>
<td class="modal-td">
<select name="time">
<option value="" class="time-table"></option>
</select>
〜
<select name="">
<option value="" class="endtime-table"></option>
</select>
</td>
</tr>
<tr>
<td class="modal-td">人数:</td>
<td class="modal-td">
<select name="hyuman">
<option value="">選択してください</option>
<?php
for($i=1;$i<=6;$i++){
echo "<option value={$i}>{$i}</option>";
}
?>
</select>
</td>
</tr>
<tr>
<td class="modal-td">TEL:</td>
<td class="modal-td"><input type="text" name="" /></td>
</tr>
</table>
<br />
<input type="submit" name="aaa" value="予約"/></a>
</form>
<p><a class="modal-close">閉じる</a></p>
</div>
</div>
<div class=contents>
<table>
<tr>
<th rowspan=2>10月</th>
<th>Mon</th>
<th>Thu</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>San</th>
</tr>
<tr>
<th>3日</th>
<th>4日</th>
<th>5日</th>
<th>6日</th>
<th>7日</th>
<th>8日</th>
<th>9日</th>
</tr>
<tr class="border9">
<th class="time9">9:00</th>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
</tr>
<tr class="border95">
<th class=time95>9:30</th>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
</tr>
<tr class=border10>
<th class=time10>10:00</th>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
<td class="modal-open">●</td>
</tr>
後省略
js
$(function(){
$('.border9').click(function(){
$('.modal-main').fadeIn();
$('.time-table').html('<option value="a" selected>09:00</option>');
$('.endtime-table').html('<option value="11:00" selected>11:00</option>')
$('.modal-close').click(function(){
$('.modal-main').fadeOut();
});
});
$('.border95').click(function(){
$('.modal-main').fadeIn();
$('.time-table').html('<option value="09:30" selected>09:30</option>');
$('.endtime-table').html('<option value="11:30" selected>11:30</option>')
$('.modal-close').click(function(){
$('.modal-main').fadeOut();
});
});
$('.border10').click(function(){
$('.modal-main').fadeIn();
$('.time-table').html('<option value="10:00" selected>10:00</option>');
$('.endtime-table').html('<option value="12:00" selected>12:00</option>')
$('.modal-close').click(function(){
$('.modal-main').fadeOut();
});
});
});
###試したこと
3日ほど色々調べたんですがお手上げです。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報