javascript ничего не делает

Question

Я пытаюсь сделать время окончания в строке текстового обновления в зависимости от продолжительности времени, выбранного в раскрывающемся списке относительно времени начала.

так, если время начала было 13:00, и пользователь выбирает один час время окончания будет обновление до 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> 

Answer 1

использование

document.getElementById('field').text 

вместо

document.getElementById('field').value