gpt4 book ai didi

javascript - 将对象数据添加到 html 表单字段

转载 作者:行者123 更新时间:2023-11-27 23:29:31 25 4
gpt4 key购买 nike

下面是我的简单表单 html,我想将对象数据添加到我的表单字段中。我浏览了 Google 搜索和 StackOverflow,但它们都在谈论 jquery 实现,所以这是我的简单表单 html,我想将对象数据添加到我的表单字段中。由于我不了解 Jquery,所以我想使用 Java 脚本方法。

下面,我有一个用户表单,我想将 details 对象绑定(bind)到上面的表单字段,因此我使用下面的 java 脚本方法。我不知道我哪里错了。我的对象数据没有与我的表单绑定(bind)。请帮助我。谢谢。

<!DOCTYPE html>
<html>
<body>
<div>
<form>
Name&nbsp<input id="name" type="text" name="name"><br>
Place&nbsp<input id="place" type="text" name="place"><br>
Age&nbsp<input id="age" type="text" name="age">
</form>
</div>
<script>

var details ={name:'Krishna',place:'India',age:26};

document.getElementById("name").innerHTML=details.name;
document.getElementById("place").innerHTML=details.palce;
document.getElementById("age").innerHTML=details.age;

</script>
</body>
</html>

最佳答案

正如@Jaromanda X 的评论中提到的,输入字段没有innerHTML。相反,您应该尝试设置 value 属性。

    <script>
var details ={name:'Krishna',place:'India',age:26};
document.getElementById("name").value = details.name;
document.getElementById("place").value = details.place;
document.getElementById("age").value = details.age;
</script>

这应该可以解决问题。

关于javascript - 将对象数据添加到 html 表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34690547/

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