jQueryを使用してデータベースからドロップダウンリストを入力してください

Question

jQueryを使用してデータベースからドロップダウンリストを取り込みたいとします。しかし、私が試したとき、私は空の応答を得ています。以下のコードを見てください私はどんなエラーも見ませんでした。

PHPコードデータを取得する：

if ($dat=="driver") { 
    $q = "select * from drivers"; 
    $sql = mysql_query($q); 
    $data = array(); 
    while($row = mysql_fetch_array($sql, true)){ 
     $data[] = $row; 
    }; 
    echo json_encode($data); 
} 

のjQueryコード：

$.getJSON("get-data.php?dat=driver",function(data){ 
    $.each(data,function(key,val) { 
     $("#night_Shift_text").append(
      $("<option></option>").val(value.id).html(value.id) 
     );  
    }); 
}); 

HTML：

<select id='night_Shift_text'><option></option></select> 

デバッグコンソール：

Answer 1

文字列を使用してオプションを保存し、それをselectタグに追加します。次に、データがvalにあることを確認してください。

$.getJSON("get-data.php?dat=driver",function(data){ 
    var stringToAppend = ""; 
    $.each(data,function(key,val) { 

     stringToAppend += "<option value='" + val.id + "'>" + val.id + "</option>"; 

    }); 

    $("#night_Shift_text").html(stringToAppend); 
}); 

Answer 2

間違った変数valueを使用しています。あなたは使用する必要がありますval

 $("<option></option>").val(val.id).html(val.id);