从数据库显示值到HTML输入标记

Question

我有一个下拉列表(HTML Select标签)和一个HTML表单.如下 -

选择 - >

<select name="select-native-1" id="select-native-1" onChange="dbToForm(this)">
          <option value="1">Employee 1</option>
          <option value="2">Employee 2</option>
          <option value="3">Employee 3</option>
          <option value="4">Employee 4</option>
        </select>

表格 - >

<form>
        <label for="e_name">Name</label>
        <input name="e_name" id="e_name" value="" type="text" data-theme="a">
        <label for="date">Date</label>
        <input name="date" id="date" value="" type="date" data-theme="a">
        <label for="gender">Gender</label>
        <select name="gender" id="gender" data-role="slider" data-theme="a" data-inline="true">
          <option value="male">Male</option>
          <option value="female">Female</option>
        </select>
        <label for="address">Address</label>
        <textarea name="address" id="address" value="" type="text" data-theme="a"></textarea>
        <br>
        <br>
        <label for="image">Add Image</label>
        <input name="image" id="image" value="" type="file" data-theme="a">
        <br>
        <br>
        <label for="multimedia">Add Multimedia</label>
        <input name="multimedia" id="multimedia" value="" type="file" data-theme="a">
        <br>
        <br>
        <input value="Submit" data-role="button" type="submit">

当我从Select标签中选择一个值时,预期的功能是,根据所选项目的ID,检索数据库中的值.我是在嵌入JS函数的PHP的帮助下进行此检索的.

Javascript - >

function dbToForm(id) {
var id_val = id.value;
var name = '';
var url = "http://localhost:81/PG_crud_experiment1/retrieve.php?id="+id_val; 
$.getJSON(url, function(json) {
               $.each(json, function(i,v) {    

                 name += v.name;   
                 alert (name);

                });
                         $("#e_name").html(name);   
       });

};

在这里,我能够从DB获取值到我的JS函数并将其存储在变量中.该变量必须推送到我的HTML表单字段. #e_name是一个<input>标签,我无法在该字段中显示已检索的值.有一个<textarea>和值打印没有任何问题.

这是<input>标签的限制吗？如果是,可以用什么作为标签的替代品？

请注意:检索到我的表单中的值是出于编辑和更新目的.即表格中填充的值可以编辑并更新到数据库中.

Answer 1

输入标签没有HTML,它们有值.

$("#e_name").val(name);

.html()用于填充<tag>和之间的元素</tag>.输入没有那样的匹配标签,那么HTML会去哪里？