2012-10-29 82 views
0

嗯,我有两个textareas。当用户输入一个textarea时,它将同时出现在第二个textarea中。所以我的代码如下:textarea奇怪的问题

<script> 
function type() { 
    var text = document.getElementById('text').value; 
    var code = document.getElementById('code'); 
    code.innerHTML = text; 
} 
</script> 

<textarea cols="20" rows="20" id="text" onKeyUp="type();"></textarea> 
<textarea cols="20" rows="20" id="code"></textarea> 

没有什么是写入第二个...帮助!

+0

这里有什么问题?这正是你的代码要做的。 –

+0

确切但没有任何事情发生 – user1780468

回答

2

您应该使用第二个textarea的value属性,而不是innerHTML

===编辑===

而且type是在JavaScript保留字,你不应该把它作为一个函数名。

+0

我删除了innerHTML,并且它不通过插入“value”来代替innerHtml ... – user1780468

+0

和'type'是JavaScript中的保留字。 – lqs

+0

雅你是对的,它现在正在工作......顺便说一下,我正在做一个简单的文本编辑器,我可以删除第二个textarea来放置一个IFrame?预览会一样吗? – user1780468

0
<script> 
function type() { 
    var text = document.getElementById('text').value; 
    var code = document.getElementById('code'); 
    code.value = text; // this is the change 
} 
</script> 

使用.value代替.innerHTML

+0

iframe,如果我理解的很好,我将不得不使用Document.write,对吧?假设第二textarea的是iframe,代码将是这样的,则: 'code' 'code' – user1780468

+0

如果它是一个iFrame你应该做这样的:'的document.getElementById( 'externaliframe')SRC = “JavaScript的:无效(document.writeln(” 添加的HTML contetnt“)!) ;“;”在这里阅读更多关于iframe的内容http://thetechnofreak.com/technofreak/modify-iframe-with-javascript/ –

0

你必须比其他函数名没什么问题。

+0

,如果我理解的很好,我将不得不使用Document.write,对吧?假设第二textarea的是iframe,代码将是这样的,则: user1780468

0

你的代码有一些问题。这工作正常

<script type="text/javascript"> 
function type1() { 

    var text = document.getElementById("text").value; 

    var code = document.getElementById("code"); 
    code.value = text; 
} 
</script> 
<body> 
<textarea cols="20" rows="20" id="text" onkeyup="type1()"></textarea> 
<textarea cols="20" rows="20" id="code"></textarea> 
</body> 
+0

好的,我通过删除“innerHTML ..”来改变它。 – user1780468

+0

是的。另一件事你需要注意到你在行var text = document.getElementById('text')。value中使用单引号。你需要使用双引号,如“文本”。在“代码”中相同。 – polin