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

看起来你的JQuery追加是不对的。试试这个：

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

使用ajax函数，从DB获取信息

1 个答案: