javascript这段代码出了什么问题

时间:2013-11-03 09:43:42

标签: javascript

我的textarea及其所有属性都是正确的,但我的javascript不正确无法设置Textbox 3的值。

<html>
  <head>
    <title>Retrieving a Textbox Value Example</title>
  </head>
  <body> 
    <textarea rows="5" cols="25" name="txt2"></textarea> <br /> <textarea rows="5"  cols="25" name="txt3"></textarea>
    <br />
    <input type="button" value="Set Values" onclick="setValues()" />

    <script type="text/javascript">
      function setValues() { 
      var oTextbox2= document.getElementById("txt2");
      oTextbox2 = oTextbox2.value; oTextbox2 = oTextbox2.split(" ");
      oTextbox2 = oTextbox2.sort();

      var oTextbox3 = document.getElementById("txt3"); 
      oTextbox3.value = oTextbox2;
      } 
    </script>

  </body>
</html>

3 个答案:

答案 0 :(得分:2)

您使用document.getElementById,但将name分配给您的DOM元素。请改用id属性:

<textarea rows="5" cols="25" id="txt2"></textarea> <br /> <textarea rows="5"  cols="25" id="txt3"></textarea>

答案 1 :(得分:1)

document.getElementById(“txt3”)会按“ID”获取元素,你使用 name =“txt3”你应该使用 id =你的textarea中的“txt3”

答案 2 :(得分:0)

您的意思是oTextbox3.value = oTextbox2.value吗?

如果您使用的是getElementById,那么您需要使用id,而不是name

编辑:或使用document.getElementsByName

var oTextbox2 = document.getElementsByName('txt2')[0];