首页 新闻 会员 周边

html标签页面如何获取json格式数据;

0
悬赏园豆:10 [待解决问题]

如题;求解

如:下拉列表框<select>...</select>显示json格式数据。

问题补充:

各位;本人要的不是动态的加添<select/>;二是html页面上本身就有一个<select/>

晓萧的主页 晓萧 | 初学一级 | 园豆:180
提问于:2013-08-20 17:16
< >
分享
所有回答(2)
0

遍历json数组,循环插入option到select中。

<select id="select1"></select>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
    var jsonData = { 'blogs': ['dudu', 'Artech', 'Fish Li'] };
        
    $.each(jsonData.blogs, function (index, val) {
        $("#select1").append("<option value='" + index + "'>" + val + "</option>");
    });
</script>

 

生成的html

<select id="select1">
    <option value="0">dudu</option>
    <option value="1">Artech</option>
    <option value="2">Fish Li</option>
</select>
libaoheng | 园豆:1433 (小虾三级) | 2013-08-20 17:34
0
  $(function () {
            var jsons =
            {
                'blogs': [{ 'id': 'xiaoming', 'name': '小明' }, { 'id': '2', 'name': '小明1' }, 
{ 'id': '3', 'name': '小明2'}] }; $.each(jsons.blogs, function (index, e) { $("#sel").append("<option value=" + e.id + ">" + e.name + "</option>"); }); });

 

楼上正解

不过也可以自定义value

翟中龙 | 园豆:97 (初学一级) | 2013-08-20 18:32
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册