當選擇選項時，將數據從數據庫添加到不可編輯的字段

Question

我試圖做的是從選項字段中選擇名稱，然後在非可編輯字段中顯示用戶的ID。所以當我選擇用戶名，然後在非可編輯字段中顯示用戶標識。以下是我在PHP，HTML：

<form id="reguserform" method="post" action="register.php#err"> 
<?php 
    $result = getUnregisteredEmployee();  
    $result2 = getStatus(); 
?> 

<!-- Username field --> 
<select class="empidselectbox" name="username"> 
    <option disabled selected>Username (required)</option> 
    <?php 
     while ($row = mysql_fetch_array($result)) 
     { 
     echo "<option value='".$row[0]."'>$row[0]</option>"; 
     } 
     mysql_free_result($result); 
    ?> 
</select> 
<!-- Id field --> 
<input type="hidden" name="id" value="ID" /> 
<input type="text" class="input name" placeholder="ID" name="id" readonly /> 
<center><input type="submit" class="button small" name="submit" value="Register User"/></center> 
</form> 

這裏是我的查詢：

<?php 
function getUnregisteredEmployee() 
{ 
    global $con; 
    $sql = "SELECT username, uid FROM `user`"; 
    return @mysql_query($sql,$con); 
} 
?> 

Answer 1

你的文件應該擁有類似如下：

<select onchange="id_lookup(this.value)"><option></option></select> 
<div class="searchresults"></div> 
<script> 
function id_lookup(id){ 
xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET","id-lookup.php?id="+id, false); xmlhttp.send(null); document.getElementById("searchresults").value=xmlhttp.responseText; } 
</script> 

ID-lookup.php：

<?php 
// establish connection - add yourself 
// run sql and bind the $_GET["id"] 
// echo id fields including html input fields 
?> 

Answer 2

您必須使用在onChange事件的Jquery/JavaScript的Ajax的功能來獲得所需的輸出。

這裏是jQuery的Ajax的功能：http://api.jquery.com/jquery.ajax/