2012-02-13 221 views
0

我需要知道如何使用JSON对象填充下拉列表。 使用php将json发送到客户端。客户端使用ajax捕获json数据。 我使用下面的代码来检查我刚刚从服务器收到的内容。使用json填充下拉列表

var test = xmlhttp.responseText; 
    alert(test); 

结果向我演示了..如下...

{"2":"pricelist.xml","3":"camera.xml", "4":"cd.xml","5":"data.xml"} 

我究竟做的是..我已经设置了一个XML文件服务器上的即时通讯使用PHP和我阅读这些文件名使用json_encode将其转换为json对象,然后发送给客户端使用从服务器发送的json数据填充下拉列表。我在接收客户端的json数据时没有问题,正如我上面所测试的那样。我需要知道我怎么使用上面的JSON数据

+1

填充数据这应有助于:http://stackoverflow.com/questions/5155467/auto-populating-select-boxes-using-jquery-and-ajax-not-working-in-anything-new – sikander 2012-02-13 17:58:27

回答

1

你的HTML

<select id="myselect"> 
</select> 

的JavaScript(使用jQuery

var json={} // Populate this json object 
$.each(json, function(key, value){ 
    $('#myselect').append("<option value='"+key+"'>"+value+"</option>"); 
}); 
+0

我试过上面的代码。它似乎并没有工作..这里是我的代码,我从服务器捕获json obj。 'xmlhttp.onreadystatechange =函数() \t \t \t \t { \t \t \t \t \t如果(xmlhttp.readyState == 4 && xmlhttp.status == 200) \t \t \t \t \t { \t \t \t \t \t \t var test = xmlhttp.responseText; \t \t \t \t \t \t AddFiles(test); \t \t \t \t} \t \t \t \t}'我已经放置在AddFiles函数内我们的代码。 – 2012-02-13 18:45:35

+0

你在页面上包含了jQuery吗?把这个标签放在你的头部,为了安全起见,使这个标签成为第一个标签。 '' – 2012-02-13 18:56:29

+0

对不起,我多次编辑以为我这次得到了正确的答案:P。还有一点需要注意的是,在第三行中请确保通过id引用您的选择。根据这个我已经更新了上面的答案。 – 2012-02-13 19:02:48