다른 텍스트 요소에 중복 된 입력 텍스트

Question

미리 정의 된 코드가있는 장바구니를 사용하고 있습니다. html을 변경할 수 없지만 요소에 대한 CSS로 작업 할 수 있습니다. 다음은 내가 사용해야하는 요소 정보입니다.
동일한 페이지에 필드를 다른 (표시 전용 유형) 텍스트 요소로 남겨 두었을 때 사용자가이 요소에 입력 한 정보를 복제하고 싶습니다.

나는 이것을하기 위해 Jquery를 사용하지 않기를 바랬다.

value = ""를 사용하여이를 수행 할 수 있습니까?

<input id="ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE" 
    class="gwt-TextBox ecwid-productBrowser-details-optionTextField ecwid-productoption- I:0027M_______:00a0:0025_PORTUGU:00caSE" type="text" maxlwngth="200"> 

Answer 1

다음은 순수한 JavaScript 솔루션입니다. 이것은 기존의 onload를 오버라이드하므로 google "multiple onload simon willison"을 사용해야합니다.

function copyToDest(src, dest) { 
    var text = document.getElementById(src).value; 
    var destNode = document.getElementById(dest); 

    destNode.innerHTML = text; 
} 

window.onload = function() { 
    var srcNode = document.getElementById("ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE"); 

    srcNode.onblur = function() { copyToDest("ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE", "dest"); }; 
} 

Answer 2

나는 두려워하지만 JavaScript를 사용해야합니다. 그런 종류의 작업에는 순수한 CSS를 사용할 수 없습니다.

자바 스크립트에서는 작성합니다

function myFunction() { 
    var val = document.getElementById("ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE").value; 
    document.getElementById("txt").innerHTML = val; 
}​ 

를 HTML과 같은 간다 :

<input id="ecwid-productoption-12821213-I:0027M_______:00a0:0025_PORTUGU:00caSE" 
class="gwt-TextBox ecwid-productBrowser-details-optionTextField ecwid-productoption- I:0027M_______:00a0:0025_PORTUGU:00caSE" type="text" maxlwngth="200" onBlur="myFunction()"> 

공지 사항 및 onblur = "하여 myFunction()"

합시다 우리가 당신을 스팬이 있다고 채울 텍스트 요소로

<span id="txt"></span>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​