gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 20:02:57 26 4
gpt4 key购买 nike

我刚刚开始上编程课,我的教授给我分配了几项作业(他看起来很懒,只是给我们作业,然后我们把它们交回来),我对其中的一些作业感到困惑。

第一个问题是在两个框中输入两个值,当按下按钮时,两个内容会交换位置。我在陷入困境之前就已经走到这一步了

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

我还有另一个问题,有两个框,我需要输入华氏度,一旦我点击,摄氏温度应该显示在另一个框中。

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

最佳答案

您需要使用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 - 使用 Javascript 中的值切换 HTML 框中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21309559/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com