masdin
2015-01-07 14:57
采纳率: 20%
浏览 8.1k
已采纳

请问怎么json数据在select下拉列表中显示

我的script代码如下,

function getleve(){ var levelObj = document.getElementById("leve"); var pfObj = document.getElementById("PF"); var levelValue = levelObj.value; pfObj.innerHTML=''; $.get('petTypeServlet?action=pf',{id:levelValue},function(data){ }); }

然后这是两个下拉列表

<select  name="leve" id="leve" onchange="getleve();">
                    <option value="2">2</option>
                    <option value="3">3</option>
                 </select>


<td align="left"><select  name="PF" id="PF" >

                 </select>

后台返回数据格式如下:
[{"PtID":1,"PtName":"陆上宠物","PtLevel":1,"PtFid":0},{"PtID":9,"PtName":"海洋宠物","PtLevel":1,"PtFid":0},{"PtID":10,"PtName":"空中宠物","PtLevel":1,"PtFid":0}]
请问怎么把下拉列表值设为PtID,显示为PtName,谢谢大家
  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

9条回答 默认 最新

  • 已采纳

    调用jquery的map方法组合成option

         function getleve() {
            var levelObj = document.getElementById("leve"); 
            var pfObj = document.getElementById("PF");
            var levelValue = levelObj.value; 
            pfObj.innerHTML = '';
            $.get('petTypeServlet?action=pf', { id: levelValue }, function (data) {
                if (typeof data == 'string') data = eval('(' + data + ')'); //$.get有可能会依据响应头转换对象,所以判断下类型
    
                $(pfObj).html($(data).map().get(function () { return '<option value="' + this.PtID + '">' + this.PtName + '</option>' }).join(''));
            });
        }
    
    评论
    解决 无用
    打赏 举报
查看更多回答(8条)

相关推荐 更多相似问题