javascript - 需要一个将信息从一个 div 复制到另一个的按钮

Question

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

Answer 1

如果您只想将信息从一个 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);
});​

这是演示。

Answer 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；）

Answer 3

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

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;