textarea中的奇怪问题

时间:2012-10-29 08:06:03

标签: javascript

好吧,我有两个textareas。当用户键入一个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>

没有任何内容写入第二个......帮助!

4 个答案:

答案 0 :(得分:2)

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

===编辑===

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

答案 1 :(得分: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

答案 2 :(得分:0)

除了那个问题之外,你还有函数名称的问题。

答案 3 :(得分: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>