javascript - javascript 这段代码有什么问题

Question

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

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

score 2 · Accepted Answer

您使用document.getElementById但将names 分配给您的 DOM 元素。改用id属性：

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

score 1 · Accepted Answer

document.getElementById("txt3")将通过“ID”获取元素，您使用name="txt3"您应该在 textarea 中使用id="txt3"

score 0 · Accepted Answer

你的意思是oTextbox3.value = oTextbox2.value？

如果你正在使用getElementById，那么你需要使用id，而不是name。

编辑：或使用document.getElementsByName：

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

javascript - javascript 这段代码有什么问题

3 回答 3

Related

Reference