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

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

db调用:

 

HTML:

  Default  

我发现了很多例子,但没有什么特别与我要找的东西相关,除非今天没有我的力量。

是否有人可以指向我的链接?

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

 $(function(){ var items=""; $.getJSON("yourPHPPage.php",function(data){ $.each(data,function(index,item) { items+=""; }); $("#a1_title").html(items); }); }); 

假设收到的JSON采用这种格式

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

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

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

  // retrieve value and text from ajax var html = ""; $("#a1_title").append(html); 

我有同样的问题,你的建议是有效的

HTML和JS

      Insert title here       

PHP

 include 'configurations/db-connections.php'; $q = "select id, name from college"; $sql = mysql_query($q); $data = array(); while($row = mysql_fetch_array($sql, true)){ $data[] = $row; }; echo json_encode($data);