JS - 동적으로 텍스트 필드 변경

Question

제출하지 않고 한 텍스트 필드의 값을 다른 텍스트 필드의 값에서 변경하려고합니다. 예 :

<form action="#" id="form_field"> 
    <input type="text" id="textfield1" value=""> 
    <input type="text" id="textfield2" value=""> 
</form> 

:

[텍스트 필드 1 (입력 '안녕하세요')] [텍스트 필드 2 ('안녕하세요'뿐만 아니라 여기에 삽입)]

는 아래

내 형태 JavaScript에 대해 많이 알지 못합니다. 어떤 도움을 주시면 감사하겠습니다.

감사

Answer 1

<form action="#" id="form_field"> 
    <input type="text" id="textfield1" value="" onKeyUp="document.getElementById('textfield2').value=this.value"> 
    <input type="text" id="textfield2" value=""> 
</form> 

가 볼을 사용 중 : http://jsfiddle.net/4PAKE/

Answer 2

당신이 JQuery와 함께하고 싶어, 다음

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 

다음 스크립트를 추가하시기 바랍니다 다음 코드 쓰기 :

$("#textfield1").bind("input", function() { 
    $("#textfield2").val($("#textfield1").text()); 
} 

Answer 3

당신은 할 수 있습니다 :

HTML :

<form action="#"> 
    <input type="text" id="field" value="" onChange="changeField()"> 
</form> 

JS :

function changeField() { 
    document.getElementById("field").value="whatever you want here"; 
} 

때때로이 작동하지 않습니다.

<form action="#" id="form_field"> 
    <input type="text" id="textfield1" value="" onChange="document.getElementById('textfield2').value=this.value"> 
    <input type="text" id="textfield2" value=""> 
</form> 

당신은 더 약 .valuehere를 읽을 수있는이 jsFiddle

에이 솔루션을 참조하십시오 : 그래서 당신은 micha의 솔루션을 사용해야합니다.

희망이 도움이됩니다.

Answer 4

언급 한 @ sarwar026처럼 jQuery을 사용할 수 있지만 답변에 문제가 있습니다. 이 코드를 jQuery를 함께 할 수 있습니다

$('#textfield1').blur(function() { 
    $("#textfield2").val($("#textfield1").val()); 
}​);​ 

스크립트 전에, 당신이 당신의 페이지에 포함해야합니다 jQuery를 사용하려면.