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

时间:2012-06-05 17:43:18

标签: javascript html button

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

3 个答案:

答案 0 :(得分:0)

我认为此代码可以帮助您仅使用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;)

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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;