textarea中的奇怪问题答案

【问题标题】：Weird problems in textareatextarea中的奇怪问题
【发布时间】：2012-10-18 13:06:41
【问题描述】：

嗯，我有两个文本区域。当用户输入一个文本区域时，它会同时出现在第二个文本区域中。所以我的代码如下：

<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>

没有写入第二个...帮助！

【问题讨论】：

这里有什么问题？这正是您的代码要做的事情。
准确但没有任何反应

标签： javascript

【解决方案1】：

您应该使用第二个文本区域的value 属性，而不是innerHTML。

=== 编辑 ===

而type 是 JavaScript 中的保留字，不应将其用作函数名。

【讨论】：

我删除了innerHTML，但通过插入“值”代替innerHtml，它不起作用...
和type 是 JavaScript 中的保留字。
是的，你是对的，它现在正在工作......顺便说一句，我正在制作一个简单的文本编辑器，我可以删除第二个 textarea 来放置一个 IFrame 吗？预览会一样吗？

【解决方案2】：

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

使用.value 而不是.innerHTML

【讨论】：

对于iframe，如果我理解的很好，我将不得不使用Document.write，对吗？假设第二个 textarea 是一个 IFrame，那么代码将是这样的：code code
如果它是一个 iFrame，你应该这样做：`document.getElementById('externaliframe').src="javascript:void( document.writeln("Added html contetnt!") ); ";'在此处阅读更多信息thetechnofreak.com/technofreak/modify-iframe-with-javascript

【解决方案3】：

你的函数名有问题。

【讨论】：

对于iframe，如果我理解的很好，我将不得不使用Document.write，对吗？假设第二个 textarea 是一个 IFrame，那么代码将是这样的：

【解决方案4】：

您的代码中存在一些问题。这很好用

    <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>

【讨论】：

是的。您需要注意的另一件事是，您在 var text = document.getElementById('text').value 行中使用了单引号。在那里你需要使用像“文本”这样的双引号。在“代码”中相同。