2013-03-02 179 views
0

我正在尝试在一行文本更新中创建一个结束时间,具体取决于在下拉框中选择的时间长度与开始时间的关系。javascript什么都不做

因此,如果开始时间为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> 
+0

什么是你想使用标签?他们的主要用途是链接。你是否打算让用户点击它们来执行某些操作?或者你只是将它们用作占位符?或...... – Jodes 2013-03-02 07:53:12

+0

是占位符 – smilerjd 2013-03-02 07:54:20

回答

0

使用

document.getElementById('field').text 

,而不是

document.getElementById('field').value 
+1

我认为你的意思是'.innerHTML'。 – Barmar 2013-03-02 07:55:28

+0

在其他条件下使用此 – PSR 2013-03-02 08:00:31

+0

排序谢谢:) – smilerjd 2013-03-02 08:07:20