アヤックス選択し、自動的にデータ

Question

マイフォームロード：

<form> 
    <select id="f_name"><?php echo $fname ?></select> 
    <select id="l_name></select> 
</form> 

マイスクリプト：

$(document).ready(function(e){ 
    $("#f_name").change(function(){ 
    var fname = $('this').val(); 
    $.ajax({ 
     type :'POST', 
     data :{name:fname}, 
     url :"fullname.php", 
     success : function(data){ 
     $('#l_name').html(data); 
     }  
    }); 
    }); 
}); 

マイfullname.php：私は最初の名前を選択するよう

$db = mysqli_connect("localhost", "root", "", "test"); 
if(isset($_POST['name'])){ 
    $f_name = $_POST['name']; 
    $sql = mysqli_query($db, "SELECT last_name FROM fullname WHERE first_name = '$f_name'"); 
    $res = mysqli_fetch_array($sql); 
    echo $res; 
} 

姓は文句を言わない表示されます。フォームの

Answer 1

形成が正しくない。

<form> 
    <select id="f_name"><?php echo $fname ?></select> 
    <select id="l_name></select> 
</form> 

それは次のようになります。

<form> 
    <select id="f_name"> 
    <option><?php echo $fname ?></option> 
    </select> 
    <select id="l_name></select> 
</form> 

あなたのスクリプトは次のようにする必要があります：

$(document).ready(function(e){ 
    $("#f_name").change(function(){ 
    var fname = $('this').val(); 
    $.ajax({ 
     type :'POST', 
     data :{name:fname}, 
     url :"fullname.php", 
     success : function(data){ 
     $('#l_name').html('<option>'+data+'</option>'); 
     } 
    }); 
    }); 
}); 

Answer 2

$(document).ready(function(e){ 
    $("#f_name").change(function(){ 
    var fname = $('this').val(); 
    $.ajax({ 
     type :'POST', 
     data :{name:fname}, 
     url :"fullname.php", 
     success : function(data){  
     for (i in data) {       
      $("#l_name").html("<option>'+data[i]+'</option>"); 
     } 
     } 
    }); 
    }); 
});