javascript - あるdivから別のdivに情報をコピーするボタンが必要

Question

最初のdivに入力された情報を取得し、ボタンを押すと2番目のdivにコピーできるボタンが必要です。ただし、行は必要ありません。ユーザーが入力した情報だけが必要です。すべての助けに感謝します。

Answer 1

このコードは、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 2

ある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 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;