Javascript什么都不做


javascript doing nothing

我正在尝试使完成时间在一行文本更新取决于在相对于开始时间的下拉框中选择的时间长度。

所以如果开始时间是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>

use

document.getElementById('field').text

代替

 document.getElementById('field').value