2

有人可以帮我弄清楚为什么我拥有的 json 数组没有填充我的选择下拉列表吗？该数组打印良好（名称：值），我尝试了不同的方式（.post .getJSON）来填充选择字段。请参阅下面的代码...

PHP

$q = "select Site_ID, FirstName, LastName from ClientInfo";
$sql = mysql_query($q);
$data = array();
    while($row = mysql_fetch_array($sql, true)){
    $data[] = $row; 
};
echo json_encode($data);

这是它在网页上打印的内容：

[{"Site_ID":"10000001","FirstName":"drew","LastName":"0"},     {"Site_ID":"10000002","FirstName":"hello","LastName":"0"},{"Site_ID":"10000003","FirstName":"hihi","LastName":"0"},{"Site_ID":"10000004","FirstName":"","LastName":"0"},{"Site_ID":"10000005","FirstName":"SueAnn","LastName":"Hall"},{"Site_ID":"10000006","FirstName":"Test","LastName":"Name"}]

带有脚本的 HTML

<body>
<script type="text/javascript">
$(function(){
  $.getJSON('checkin.php',function(data){
    $.each(data,function(name,value) 
    {
      items+="<option value='"+item.id+"'>"+item.name+"</option>";
    });
    $("#clients").html(items); 
  });
});
</script>

<select id="clients">
<option>Default</option>
</select>
</body>

在我运行 html 之前工作正常。预先感谢您的帮助。

4

3 回答 3

0

两个问题：

  1. 您需要初始化项目：

    变种物品=“”；

  2. 您需要将 $.each() 回调中的第二个参数从value更改为item：

    $.each(data, function (name, item) {
    items += "<option value='" + item.id + "'>" + item.name + "</option>";
});

这是假设您的集合是包含 id 和 name 属性的对象列表。

于 2012-12-27T21:30:06.080 回答
0
  1. 您应该items在连接之前定义变量。
  2. item在您的代码中undefined，您应该使用value已作为参数传递给处理程序的属性。

  3. 您的对象没有id和name属性。

    var items = '';
$.each(data,function(name,value) {
   items += "<option value='"+value.Site_ID+"'>"+value.FirstName+"</option>";
});
$("#clients").html(items);

http://jsfiddle.net/5PEPg/

于 2012-12-27T21:30:51.243 回答
0

你需要使用value. <option/>您还可以在$.each循环中创建并附加每个新的：

$(function(){
  $.getJSON('checkin.php',function(data){
    var lst = $("#clients").empty();
    $.each(data,function(index,value){
        $("<option/>").prop("value", value.Site_ID).text(value.FirstName + " " + value.LastName).appendTo(lst);
    });
  });
});​

这样做还可以防止解析.html()与连接字符串的调用有关的问题。例如，如果某人的名字或姓氏中有双引号，则 html 将无法解析。

于 2012-12-27T21:31:11.183 回答