Использование функции ajax, получить информацию от DB

Question

Мне нужна помощь для получения списка станций из базы данных и заполнения списка опций. У меня есть html-файл с одной кнопкой и списком опций. Я хочу заполнить эти параметры списком станций, получая из базы данных. Моя функция ajax как это.

$(document).ready(function() { 

var q = $("#q").val(); 

$.ajax({ 

url:'Stations.php', 
type:'POST', 
data: 'q=' + str, 
dataType: 'json', 
success: function(json) { 
    $.each(json, function(i, value) { 
     $('#selectSt') 
       .append($('<option></option>', {text:value}) 
       .attr('value', text)); 
     }); 
    } 
    }); 
}); 

Мои Stations.php

function getStationList() 
    { 
$db = new DBManager(); 
$mysqli = $db->db_connect(); 

$query = "SELECT stationId FROM Station"; 

$stmt = $mysqli->prepare($query); 
$stmt->execute(); 
$result = $stmt->get_result(); 

$list = array(); 

while($row = $result->fetch_assoc()) 
{ 
    $list[] = $row['stationId']; 
} 

return json_encode($list); 
    } 

Мой ДИВ класс.

<div class="content" data-role="content" id="content" > 
    <div id="car"> 
     <select name="selectSt" class="span12" id="selectSt" > 
     <option></option> 
     <option></option>  /*I want to fill these gaps. 
     <option></option> 
     </select> 


    </div> 
    <div id="cinfo"></div> 
    <button onclick="javascript:callCarInfo.call(this,document.getElementById('selectSt').value);">Call  Podcar</button> 
</div> 

Пожалуйста, сообщите мне, что мне не хватает или что делать?

Answer 1

Похоже, что ваш JQuery append не совсем прав. Попробуйте следующее:

$('#selectSt').append($('<option value="'+value+'">'+value+'</option>');