2015-12-21 77 views
0

我創建了一個計數器,當然還有停止和開始按鈕。我想做一個簡單的時間開始時間,並沒有使用很多jQuery我想到的方式來保存它使用PHP只有極少量的jQuery的使用。從Div複製到按鈕上的輸入框中單擊

停止按鈕單擊我想要div編號被複制並保存到輸入文本框中。這是我的代碼,請告訴我出錯的地方。表兄弟姐妹每當我點擊停止它說,在輸入文本框不確定

這裏的HTML

<div class='buttons'> 
    <button class='btn btn-default' onclick='startTimer()' id='button1'>Start</button> 
    <button class='btn btn-default' onclick='stopTimer()' id='button2'>Stop</button> 
    <div> 
     <form role='form' action='create_delete_edit.php' method='POST'> 
      <div class='dataTable_wrapper timer' id='timer' style='font-size:50pt;'>00:00</div></br> 
      <input type='text' id='timerhide' name='timerhide'> 
      <input type='submit' class='btn btn-default' value='Save Duration' id='btnsaveduration' name='btnsaveduration'> 
      <input type='submit' class='btn btn-default' value='Close Timer' id='btnclosetimer' name='btnclosetimer'> 
     </form> 

現在,這裏是爲O停止功能

function stopTimer() 
{ 
    w.terminate(); 
    timerStart = true; 
    w = null; 
    var n1 = document.getElementById('timer').innerHTML; 
    var n2 = document.getElementById('timerhide'); 
    n2.value = n1.value; 

} 

我如何把價值N1到N2沒有遇到這樣的錯誤?

在此先感謝。

+1

表單元素支持'$(「#timerhide」)。html($(「#timer」)。html())' –

+0

'value'。你不能從innerHtml屬性中提取值。 document.getElementById('timerhide')。value = n1; – RomanPerekhrest

+0

你的n1 var,實際上是一個字符串,而不是DOM元素。檢查我的答案:-) –

回答

1

首先,你需要得到這樣的#timer div的內部文本:

var time = $('#timer').html(); 

然後,更新的隱藏字段的像這樣的價值:

$('#timerhide').val(time); 

或者,如果你想單行:

$('#timerhide').val($('#timer').html()); 
1

您可以使用clone要做到這一點,或使用的.html()

//clone 
$("#newDiv").html($("#oldDiv").clone()) 

//html 
$("#newDiv").html($("#oldDiv").html())