Question

我刚刚开始编程课程，我的教授分配了几个作业（他看起来非常懒，只是给我们分配，然后我们把它们交还），我对其中的一些感到难过。

第一个问题是在两个框中输入两个值，当按下一个按钮时，两个内容切换位置。在结识之前我已经走到了这一步

<hmtl>
<body>
<script>
  a = document.getElementById("boxone");
  b = document.getElementById("boxtwo");

  i=a
  a=b
  document.write(i);
  document.write(a);
<script>

<input type="text" name="boxone" value=""><br>
<input type="text" name="boxtwo" value=""><br>
<input type="submit" value="Submit">


</body>
</html>

我知道公式是错误的，因为它不起作用，我想我可能已经完成了HTMl错误。

我还有另一个问题，那里有两个盒子，我需要输入华氏度，一旦我点击了摄氏量，就应该出现在另一个。

如果有人知道如何解决这些请回复。谢谢你

Answer 1

您需要使用value属性来获取或设置框的值。您还需要将代码放在一个函数中，这样您就可以将它作为单击处理程序附加到按钮上。

您需要在id元素中使用<input>，而不是<name>（后者仅在提交表单时才需要）。

<script>
function switchValues() {
    a = document.getElementById('boxone').value;
    b = document.getElementById('boxtwo').value;

    document.getElementById('boxone').value = b;
    document.getElementById('boxtwo').value = a;
}
</script>

<input type="text" id="boxone" value=""><br>
<input type="text" id="boxtwo" value=""><br>
<input type="submit" onclick="switchValues()">

DEMO

使用Javascript中的值切换HTML框中的值

1 个答案: