2012-06-05 9 views
0

입력 한 정보를 div에 넣고 다른 하나에 넣는 버튼이 필요합니다. 기본적으로 나는 하나의 div 배달 정보를 묻는 반면, 다른 청구 정보를 묻습니다. 배달 정보를 입력 한 다음 버튼을 누르면 수취인 정보로 입력 된 정보가 결제 정보로 전송됩니다. 수표를 누를 수있는 버튼이 있습니다. 어떻게하면 버튼을 만들 수 있습니까?HTML 양식에서 한 필드의 내용을 다른 필드로 복사하는 방법

+0

첫째, 어떻게 사용자가 사업부에 정보를 입력 않았다. 당신이 요구하는 것은 HTML 폼의 필드에 대한 것입니다. 그렇다면 질문하신 내용을 정확하게 반영하여 질문을 업데이트하십시오. 또한 양식에 대한 HTML 마크 업을 제공 할 수 있다면 더 좋습니다. – Ankit

답변

2

자바 스크립트 :

<script language="javascript"> 
    document.getElementById('your-button').addEventListener("click", moveContent); 
    function moveContent() { 
     document.getElementById('your-div').textContent = document.getElementById('other-div').textContent; 
    }​ 
</script> 

HTML : 모든

<button id="your-button">Move Content</button><br /> 
<div id="other-div">This Text will go into the div below</div> 
<div id="your-div">Click button to move text from above text here</div> 
+0

이 스크립트를 사용하려면 어떤 종류의 버튼을 사용해야합니까? – Russell

+0

wait .. 나는이 스크립트에 대한 html 코드를 추가 할 것이다 :) –

+0

흠 나는 내 코드와 함께 작동하지 않는다. – Russell

1

양식을 작성한 다음 <input onClick="copy();" type="button" > 태그를 만드십시오. 데이터를 복사하는 자바 스크립트 함수 복사본을 만듭니다. 양식에 제출 속성을 추가하지 마십시오.

즉,

<script type="text/javascript"> 
function copy() 
{ 
    //Copy the data from one div to another. I recommend setting ID attributes and using document.getElementById(id); 
} 
</script> 
<form> 
    <input onClick="copy();" type="button" value="Copy data!" ></input> 
</form> 
관련 문제