복사 테이블에 텍스트를 저장하고 나는 당신의 도움이 필요

-1

가 어떻게 내 테이블에서 (줄 바꿈 포함하여) 텍스트를 복사에 대한 갈 수있는 텍스트 영역에 다시 표시하고 텍스트 영역에 다시 넣어 "newtext"

기존 코딩이 작동하지 않는 것 같습니다.

<html> 

<head> 

<style type="text/css"> 

.box { width: 400px; height: 50px; } 

</style> 

<script type="text/javascript"> 

function ta() { 

    taValue = document.getElementById("ta").value 

    taValue = taValue.replace(/\n/g, '<br/>') 

    document.getElementById("tatext").innerHTML = taValue 
} 

function text2area() { 

    document.getElementById("newtext").innerHTML = document.getElementById("tatext").innerHTML 

} 

</script> 

</head> 

<textarea class="box" id="ta" onkeyup="ta()"></textarea> 

<table id="tatable"><tr><td><div id="tatext"></div></td></tr></table> 

<br> 

<input type="button" onclick="text2area()" value="move text"> 

<br><br> 

<textarea class="box" id="newtext"></textarea> 

</html>

출처

2014-01-06 Jason Kelly

대신 기능 innerHTML를 사용하는 캡처 할 텍스트 영역의 value을 잡아,이에 새로운 텍스트 영역의 value을 설정합니다. 변수 taValue에 이미 value을 사용하고 있습니다. 또한 클릭 및 키 업에 addEventListener을 사용하는 것은 better practice입니다.

function ta() { 
    taValue = document.getElementById("ta").value 
    taValue = taValue.replace(/\n/g, '<br/>') 
    document.getElementById("tatext").value = taValue; 
} 

function text2area() { 
    taValue = document.getElementById("ta").value; 
    document.getElementById("newtext").value = taValue; 
} 

document.getElementById("ta").addEventListener ("onkeyup", ta, false); 
document.getElementById("move-text").addEventListener ("click", text2area, false);

JSFiddle : http://jsfiddle.net/tMJ84/1/

출처

2014-01-06 15:28:05 egl

textarea에는 innerHTML이 없습니다. 어떻게 value을 움켜 잡았는지주의하십시오. 같은 방식으로 설정하십시오! 이는 양식 요소이기 때문에 이와 같습니다.

document.getElementById("tatext").value = taValue; //semi-colons are just good practice

여기 :

이

document.getElementById("newtext").value = document.getElementById("tatext").value;

출처

2014-01-06 15:11:23

복사 테이블에 텍스트를 저장하고 나는 당신의 도움이 필요

답변

관련 문제