需要一个将信息从一个div复制到另一个的按钮[关闭]答案

【问题标题】：Need a button that copies info from one div to another [closed]需要一个将信息从一个div复制到另一个的按钮[关闭]
【发布时间】：2012-06-09 18:13:48
【问题描述】：

我需要一个按钮，它可以获取在第一个 div 中输入的信息，并在您按下按钮时将其复制到第二个 div 中。但是，我不想要任何行，只想要用户输入的信息。感谢所有帮助。

【问题讨论】：

没有当前代码就无能为力
不，不是硬件，我正在制作用于填写订单的表格
到目前为止你尝试过什么？
如果你遇到任何问题，你需要尝试一些东西并提出疑问。
尝试一下并在 http://jsfiddle.net/ 上发布您的代码，然后就您卡在代码上的位置寻求帮助。

标签： javascript html button

【解决方案1】：

这将搜索所有输入标签并附加值

HTML：

 <div id = "from"><input type="text" name="fName" id="fName"> .... <input ..... </div><br>
 <div id = "to"></div>
 <input type='button' value="click" onclick="copy()"/>

JS：

function copy() {
var allDataObject=document.getElementById('from').getElementsByTagName('input');
var inputCount=allDataObject.length;
var allData="";
for(var i=0;i<inputCount;i++) {
   allData + = allDataObject[i].value;
   allData + = "<br>";
}

document.getElementById('to').innerHTML=allData;

【讨论】：

【解决方案2】：

我认为这段代码将帮助您仅使用 Javascript ;)

function copy()
{

    var fname = document.getElementById('FName').value;

    var lname = document.getElementById('LName').value;

    document.getElementById('results').innerHTML = fname +", "+lname;

    return false;

}

“结果”是显示结果的 DIV 的 ID ;)

【讨论】：

【解决方案3】：

如果您只想将信息从一个 div 复制到另一个 div，请使用以下代码：

<div id = "a1" style="border:1px solid;float:left">Hello this is a dic</div>
<div id = "a2" style="border:1px solid;float:left;width:150px;height:50px;"></div>
<div style='clear:both'></div>
<input type='button' id = 'b1' name = 'click' value='Click'/>

jQuery('#b1').click(function(){
    var content = jQuery('#a1').text();
    jQuery('#a2').text(content);
});

这里是DEMO。

【讨论】：