将数据库中的值显示到HTML输入标记中

我有一个下拉列表（HTML选择标记）和一个HTML表单。如下 -将数据库中的值显示到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">

当我从选择标签的值，预期功能的基础上，选定项目的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>标记，我无法在该字段中显示retrived值。有一个<textarea>和价值打印没有任何问题。

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

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

来源

2013-05-02 Lohith Korupolu