单击按钮从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());