單擊按鈕從Div復制到輸入框

Question

我創建了一個帶有停止和開始按鈕的計數器。 我想做一個簡單的時間開始超時，並且不使用太多的jquery，我想到了只用很少的jquery使用php保存它的方法。

在停止按鈕上，單擊我希望將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>

現在是停止功能

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？

提前致謝。

Answer 1

您可以使用clone來執行此操作，也可以使用.html（）

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

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

Answer 2

首先，您需要獲取#timer div的內部文本，如下所示：

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

然后，使用它更新隱藏字段的值，如下所示：

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

或者，如果您想要一種班輪：

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