基於數據庫中的選擇框選項獲取輸入字段值php

Question

我有一個form.It有選擇框。 基於從選擇選項中選擇的值，我想填充表單的其餘文本字段。

下面的形式：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> 
<script type="text/javascript"> 
$('#test').change(function(){ 
var val=document.getElementsById('test').value; 
$.ajax({ 
    type: "GET", 
     url: "get_user.php", 
     data: {id:val}, 
     success:function() 
     { 


     } 
      }) 

}) 
</script> 


<select name="test" id="test" > 
<option value="user1">user1</option> 
<option value="user2">user2</option> 
<option value="user3">user3</option> 
<option value="user4">user4</option> 
<option value="user5">user5</option> 
</select> 
<input type="text" placeholder="Address"/> 
<input type="text" placeholder="Name"/> 
<input type="text" placeholder="Contact"/> 

如果選擇「用戶」，比它應該調用Ajax和從數據庫中獲取的價值爲「用戶1」，然後顯示在文本字段中的值。

Answer 1

HTML：

<input type="text" placeholder="Address" id="address"/> 
<input type="text" placeholder="Name" id="name" /> 
<input type="text" placeholder="Contact" id="contact"/> 

JS：

<script type="text/javascript"> 
    $('#test').change(function(){ 
    var val=$(this).val(); 
    $.ajax({ 
     type: "GET", 
      url: "get_user.php", 
      data: {id:val}, 
      success:function(data) 
      { 
      var result = $.parseJSON(data); 
      $("#address").val(result.address); 
      $("#name").val(result.name); 
      $("#contact").val(result.contact);  
      } 
     }) 

    </script> 

---

PHP：

//fetch data accorind to id 
    $array= array(); 
    $array["name"] ="name";// user name 
    $array["contact"] ="contact";// user contact 
    $array["address"] ="address";// user address 
    echo json_ecode($array); 

Answer 2

嘗試......

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> 
<script type="text/javascript"> 
$('#test').change(function(){ 
    var val=document.getElementsById('test').value;; 
    $.ajax({ 
     type: "GET", 
      url: "get_user.php", 
      data: {id:val}, 
      type: 'post', 
      dataType: "json", 
      success:function(data) 
      { 
       $("#add").val(data[0]); 
       $("#name").val(data[1]); 
       $("#cnt").val(data[2]); 
      } 
    }) 
}) 
</script> 


<select name="test" id="test" > 
<option value="user1">user1</option> 
<option value="user2">user2</option> 
<option value="user3">user3</option> 
<option value="user4">user4</option> 
<option value="user5">user5</option> 
</select> 
<input type="text" placeholder="Address" id="add"/> 
<input type="text" placeholder="Name" id="name"/> 
<input type="text" placeholder="Contact" id="cnt"/> 

希望它會幫助你。