jquery - 将数据库中的值显示到 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);   
       });

};

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

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

请注意:检索到我的表单中的值用于编辑和更新目的。即可以编辑表单中填充的值并将其更新到数据库中。

Answer 1

输入标签没有 HTML，它们有值。

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

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