jQuery实现 JSON数据解析到select下拉列表中2015-01-08 20:48:13

( 8人已投票,[高质量] )
分享:
31.3K

我们通常调用API将数据格式返回为 JSON格式

对于返回数据的利用,特别是显示到select下拉列表该如何处理呢

下面就简单介绍一下用jQuery方式将返回的数据解极至select下拉列表中

//jQuery的map方法组合为option


function getSelectOption() {
    var levelObj = $("#leve");
    var pfObj = $("#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(''));
    });
  }


一点小经验,希望起到抛砖引玉的功效





头像

snowcoal
  • jQuery
  • select

本文标签:

jQueryselect

收藏到我的私密空间

标题:jQuery实现 JSON数据解析到select下拉列表中

作者:柳岸花明

你暂未登录,请登录后才可收藏至您的私密空间 确认取消
雪炭网

键盘操作 更便捷 -雪炭网雪中送炭-乐趣无限

如果本站的内容有幸帮助到了您,建议您了解一下当页的广告内容哦,我们的进步离不开您的支持,Thank you~