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>');