使用jQuery填充数据库中的选择框

Question

我试图使用jQuery从mysql数据库中的值填充选择框.

db调用:

<?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表名来获取项目.我认为你不应该这样做.您应该只执行两列(ID和NAME,如果您在表中有这些列.).

这是一个JSFiddle示例,展示如何从JSON获取数据.