Question

下面是我的简单表单html，我想将对象数据添加到我的表单字段，我已经通过谷歌搜索和StackOverFlow，但所有这些都在谈论jquery实现。因为我不知道jquery我想使用Java Script方法。

下面我有一个用户表单，我想将详细信息对象绑定到上面的表单字段，所以为此我使用下面的java脚本方法。我不会在哪里出错我的对象数据没有与我的表单绑定。

请帮助我如何做到这一点

谢谢

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

Answer 1

如@Jaromanda X的评论中所述，输入字段没有 innerHTML 。相反，您应该尝试设置值属性。

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

这应该可以解决问题。

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

1 个答案: