將數據庫中的值顯示到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