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

请问怎么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条回答 默认 最新

  • Go 旅城通票 2015-01-08 01:19
    关注

    调用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(''));
            });
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • oyljerry 2015-01-07 15:38
    关注

    select.add(new Option(text,value))

    评论
  • masdin 2015-01-07 15:41
    关注

    ?,传回来的还有其他PtLevel PtFid什么的,都要怎么遍历啊

    评论
  • oyljerry 2015-01-07 23:39
    关注

    json获取数据的时候,只取ID,name字段

    评论
  • oyljerry 2015-01-07 23:42
    关注

    jquery的$.each()遍历数组

    评论
  • threenewbee 2015-01-07 23:58
    关注

    手写的,不一定对,具体自己调试下,很简单的。

    评论
  • threenewbee 2015-01-07 23:59
    关注
     $.get('petTypeServlet?action=pf',{id:levelValue},function(data){
          for(var x in data)
                {
            $("<option></option>")
                             .val(x.PtID)
                             .text(x.PtName)
                             .appendTo($("#leve"));
                }
    });
    
    评论
  • Go 旅城通票 2015-01-08 01:21
    关注

    重发一次。。

         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有可能会依据响应头转换对象,所以判断下类型
    
                $('#PF').html($(data).map(function () { return '<option value="' + this.PtID + '">' + this.PtName + '</option>' }).get().join(''));
            });
        }
    
    评论
  • Dream_Space 2015-01-08 03:09
    关注

    图片说明
    这是你的请求地址?

    评论
查看更多回答(8条)

报告相同问题?

悬赏问题

  • ¥30 c++类和数组实验代码
  • ¥20 C语言字符串不区分大小写字典排序相关问题
  • ¥15 关于#python#的问题:我希望通过逆向技术爬取1688搜索页下滑加载的数据
  • ¥15 关于Linux的终端里,模拟实现一个带口令保护的屏保程序遇到的输入输出的问题!(语言-c语言)
  • ¥15 请问,这个嵌入式Linux系统怎么分析,crc检验区域在哪
  • ¥15 二分类改为多分类问题
  • ¥15 Unity微信小游戏上调用ReadPixels()方法报错
  • ¥15 如何通过求后验分布求得样本中属于两种物种其中一种的概率?
  • ¥15 q从常量变成sin函数,怎么改写python代码?
  • ¥15 图论编程问题,有可以指导的吗