텍스트 필드의 텍스트로 텍스트 영역 자동 업데이트

텍스트 필드의 사용자 정의 텍스트와 텍스트로 텍스트 영역을 업데이트 할 수 있습니까? 예 : 텍스트 필드와 텍스트 영역이있는 양식이 있습니다. 텍스트 필드에 "Samsung"을 입력하면 텍스트 영역에 다음과 같이 표시됩니다. 삼성 전화가 필요합니다. LG는 내가 LG 전화를 원한다는 것을 보여줄 것입니다. 이것은 가능한가요? 감사합니다. 자바 스크립트를 사용하여텍스트 필드의 텍스트로 텍스트 영역 자동 업데이트

출처

2013-03-06 Crys

한 매우 간단한 방법 : 당신이 초점을 잃게되면

<!DOCTYPE html> 
<html> 
    <head> 
     <script type="text/javascript"> 
      function update(elem) { 
       document.getElementById('textareaDescription').value = " I want a " + elem.value + " phone"; 
      } 
     </script> 
    </head> 
    <body> 
     Phone : <input type="text" onchange="update(this)"> 
     <br> 
     Description : <textarea name="" id="textareaDescription" cols="30" rows="10"></textarea> 
    </body> 
</html>

onchange를 이벤트를 사용하여이 텍스트 영역이 업데이트됩니다 입력을 (그리고 변화를!).

출처

2013-03-06 17:48:33 joual

방금 저장했습니다. :) 대단히 감사합니다! 그러나 한 가지 더 질문 : 같은 페이지에서 어떻게 두 개 이상을 사용할 수 있습니까? – Crys

@CristianCrys는 더 많은 매개 변수를 가진 update 함수를 사용합니다. update (elem, elemtoupdate) –

안녕하세요, 방금 복사 한 것과 나를 위해 작동하지 않습니다 : [JSFiddle] (http://jsfiddle.net/raja777m/ 207q55sk/1 /) 또는 [this] (http://jsfiddle.net/207q55sk/2/) – raja777m

텍스트 필드의 텍스트로 텍스트 영역 자동 업데이트

답변

관련 문제