jQuery自动填充从JSON问题中选择下拉列表

时间:2010-04-19 12:28:00

标签: javascript jquery json coldfusion each

我有一个问题是从自动填充从ColdFusion CFC返回的jQuery / JSON数据的选择下拉列表,代码如下:

$(function(){
$("#licences-add").dialog({autoOpen:false,modal:true,title:'Add Licences',height:250,width:380});

});

function openAddLicence(intInstanceID,szName,szDatasourceName){
$.getJSON('/ASPAdmin/billing/handler.cfc?method=ListLicenceTypes&queryformat=column',{szInstanceDatasource:szDatasourceName}, 
    function(data){   
        $.each(data,function(){
            $('<option></option>').val(data.DATA.UUIDLICENCETYPE).text(data.DATA.SZLICENCETYPE).appendTo('#uuidLicenceType');
        });
    });
$("#intInstanceID").attr('value', intInstanceID);
$('span#szInstanceName').text(szName);
$("#licences-add").dialog('open');};

返回的json是:

{"ROWCOUNT":1,"COLUMNS":["UUIDLICENCETYPE","SZLICENCETYPE"],"DATA":{"UUIDLICENCETYPE":["480CE560-BCD3-C7AC-AF50B3C71BBCC473"],"SZLICENCETYPE":["Standard"]}}

但是我收到以下错误:

  

$(“”)。val(this.UUIDLICENCETYPE).text不是函数

有什么想法吗?

HTML:

<tr>
<td><label for="uuidLicenceType" title="Select the licence type (required).">Licence Type</label> <span class="req">*</span></td>
<td>
    <select name="uuidLicenceType" id="uuidLicenceType" class="bmSelect">
        <option value=""></option>
    </select>
</td>
</tr>

1 个答案:

答案 0 :(得分:2)

由于您返回的JSON不是数组,因此您只需要:

function(data){
  var select = $('#uuidLicenceType');
  $('<option />', {
    val: data.DATA.UUIDLICENCETYPE,
    text: data.DATA.SZLICENCETYPE[0]
  }).appendTo(select);
}

当前代码调用的$.each()循环遍历oject的属性...看到这只是将alert(this)放入循环中,所以在循环中它看到1,列数组,最后是数据对象。 You can see this in a demo here

由于您只想访问单个对象的属性,因此请使用上面的点符号直接获取它们。如果您更改格式并获取其中的数组,请将我上面的内容包装在$.each()中,并将data替换为该循环中的this

已更新评论:您的SZLICENCETYPE作为数组返回"SZLICENCETYPE":["Standard"],因此您需要使用[0]从中获取第一个元素。