php - 使用 ajax 函数，从数据库中获取信息

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 类。

<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

Looks like your JQuery append isn't quite right. Try this:

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