php - 使用 jQuery 从数据库填充选择框

Question

我正在尝试使用 jQuery 从 mysql 数据库的值填充一个选择框。

数据库调用:

<?php 
include 'db.php';
$con = mysql_connect($host,$user,$pass);
$dbs = mysql_select_db($databaseName, $con);

$tableName = "tbl_title";
$result = mysql_query("SELECT * FROM $tableName");

$data = array();
while ( $row = mysql_fetch_row($result) )
{
    $data[] = $row;
}
//echo json_encode( $data );    
?>

HTML:

<select id="a1_title">
  <option>Default</option>
</select>

我找到了很多例子，但与我正在寻找的东西没有特别相关，除非我今天不在身边。

有没有人可以指向我的链接？

Answer 1

下面的脚本将从 PHP 页面接收到的 JSON 加载下拉列表。

$(function(){

  var items="";
  $.getJSON("yourPHPPage.php",function(data){

    $.each(data,function(index,item) 
    {
      items+="<option value='"+item.ID+"'>"+item.Name+"</option>";
    });
    $("#a1_title").html(items); 
  });

});

假设接收到的JSON是这种格式

[ { "ID" :"1", "Name":"Scott"},{ "ID":"2", "Name":"Jon"} ]

我注意到的另一件事是您正在执行 SELECT * FROM table name 来获取项目。我认为你不应该那样做。您应该只做两列(ID 和 NAME，如果您的表中有这些列。)。

这是一个JSFiddle example展示如何从 JSON 中获取数据。