ドロップダウンボックスで選択した開始時間に対する時間の長さに応じて、テキストの更新行で終了時間を作成しようとしています。
したがって、開始時刻が13:00で、ユーザーが1時間を選択した場合、終了時刻は14:00に更新されます。
私はjavascriptについて最初に知らないので、私が正しいか間違っているかについての手がかりを持っていません。
<script type='text/javascript'>
function changeText(){
var option=document.getElementById('time').value;
if(option=='30'){
document.getElementById('field').value='".date(strtotime("$finishtime + 30 minutes"))."';
}
else if(option=='60'){
document.getElementById('field').value='".date(strtotime("$finishtime + 60 minutes"))."';
}
}
</script>
デバッガーでエラーが発生していないようで、スクリプトは何もしません。
<a>Booking For ".$start." - </a><a id='field'>".$finishtime."</a><a> on ".$date."</a>
<form enctype='multipart/form-data' method='post'>
<a class='1'>Session Length</a>
<select name='time' id='time' onchange='changeText();'>
<option selected='selected'></option>
<option id='30' value='30'>30 mins</option>
<option id='60' value='60'>1 Hour</option>
</select>