2012-12-13 4 views
3

두 개의 입력 유형 = 텍스트가 있습니다. 텍스트 상자의 텍스트는 사용자 정의 날짜 선택 모듈에서 채워집니다. 첫 번째 텍스트 상자의 텍스트가 변경되면 두 번째 텍스트 상자의 내용을 변경하고 싶습니다.다른 텍스트 상자 텍스트가 변경 될 때 텍스트 상자의 텍스트 변경

<input type = "text" id = "one"> 
<br> 
<input type = "text" id = "two"> 
<br> 
<button onclick="myFunction()">Click me</button> 

난 그냥 버튼 클릭에 텍스트 상자 '이'의 변화를 시뮬레이션했지만 실제로는 다른 방법으로 변경 여기

function myFunction() 
{ 
    document.getElementById('two').value = 'hello'; 
} 

자바 스크립트. 텍스트 상자 'two'의 값이 변경되면 'one'텍스트 상자의 텍스트를 변경하고 싶습니다. 텍스트가 명시 적으로 변경되므로 onchange 및 keyup과 같은 이벤트가 작동하지 않습니다. 두 텍스트 상자의 값이 1 초 간격으로 동일한 지 확인하는 것도 나에게 옵션이 아닙니다.

일반 Javascript 또는 jQuery가 정상입니다.

내 솔루션이 개 자바 스크립트 기능을 기반으로
+0

왜 당신은 그냥도'myFunction' 내에서'#의 one'의 값을 변경하지 마십시오? – twiz

+0

아마도 당신이 찾고있는 것은 JQuery (http://api.jquery.com/change/)의'change()'메소드입니다. – DigTheDoug

+0

'keyup '이 작동하지 않는 이유는 무엇입니까? 스크립트에서 어떤 작업을하고 있습니까? 당신은 (간단한, [짧은, 자체 포함, 올바른/compilable] (http://sscce.org/)) [라이브 데모] (http://jsfiddle.net/) 게시 할 수 있습니까? –

답변

0

다음과 같이

<input type = "text" id = "one"> 
<br> 
<input type = "text" id = "two" onblur="sync()"> 
<br> 
<button onclick="myFunction()">Click me</button>​ 

다음은 데모입니다 : 여기 http://jsfiddle.net/saidbakr/hD6Sx/

1

예를 들어이 사용하고 여기

function myFunction() 
{ 
    ob = document.getElementById('two') 
     ob.value = 'hello'; 
    ob.focus(); 
    ob.blur(); 

} 
function sync(){ 
    document.getElementById('one').value = document.getElementById('two').value 
} 

는 HTML입니다 jQuery :

실시간보기 : http://jsbin.com/aqiyaz/1/

코드 : http://jsbin.com/aqiyaz/1/edit

관련 문제