Добавление данных объекта в поля формы html

ниже - моя простая форма html, где я хочу добавить данные объекта в поля формы, я просмотрел поиск Google и StackOverFlow, но все они говорили о реализации jquery. Поскольку я не знаю jquery, я хочу использовать подход Java Script.Добавление данных объекта в поля формы html

Ниже у меня есть пользовательская форма, где я хочу связать объект с объектами моих полей формы, поэтому для этого я использую под сценарий 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>

источник

2016-01-09 Yavvari Pradeep

'' теги не имеют 'innerHTML', используйте' .value' вместо –

palce -> место, для одного –

Как уже отмечался в комментариях по @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>

Это должно сделать трюк.

источник

2016-01-09 06:52:36

Спасибо Abhishek –

Добавление данных объекта в поля формы html

ответ

Смежные вопросы