Установить выбранное значение из базы данных

Question

У меня есть код ниже, и я застрял в поиске решения для своей проблемы. Я хочу выбрать значение из выпадающего меню в зависимости от результата PHP.

<form> 
    <select name="filter" id="filter"> 
     <option value="">Select</option> 
     <option value="AT_001">AT_001</option> 
     <option value="GG_001">GG_001</option> 
    </select><br><br> 
    <input type="text" name="name" id="name"><br><br> 
    <input type="text" name="reference" id="reference"><br><br> 
    <select name="gender" id="gender"> 
     <option value="Male">Male</option> 
     <option value="Female">Female</option> 
    </select> 
</form> 

$("#filter").change(function() { 
    var id = $(this).val(); 
    $.ajax({ 
     url : "getdata.php", 
     data : { 
      "id" : id 
     }, 
     type : "POST", 
     dataType : "json", 
     success : function(data) { 
      console.log(data); 
      $("#name").val(data.fname); 
      $("#reference").val(data.reference); 
      $("#gender").attr("", data.gender); // ????? <-- 
     } 
    }); 
}); 

$id = $_POST['id'];  

$query = "SELECT fname, reference FROM tb_amity WHERE coc = '$id'"; 
$result = mysql_query($query); 
while ($row = mysql_fetch_assoc($result)){ 
    echo json_encode($row); 
} 

Answer 1

Вы можете использовать val() установить выбранный вариант в select элемента:

$("#gender").val(data.gender); 

Это предполагает, что значение data.gender возвращенный PHP либо 'Male' или 'Female'

Answer 2

Ели t, то, что вы получаете внутри «data.gender», если его значение присутствует внутри вашего значения параметров, тогда оно отлично работает:

$("#gender").val(data.gender);