调用Ajax网址后在select中附加一个选项

Question

我需要为ajax返回到我的选择

的每一行附加一个选项

现在它显示的选项为：

[Object, Object]
[Object, Object]
[Object, Object]
[Object, Object]
[Object, Object]

对于每个选项，而不是它在我的Json中返回的数据。

直接点击该网址将正确显示该列表。

这是我的退货杰森：

{
"id": 6658,
"unitId": 3239,
}

和我的JavaScript代码：

 $('#siteGroupId').on('change', function (e) {
    var siteGroupId = $(this).val();
    if(siteGroupId == '') {
        alert("Location doesn't have a department");
        $('#unitDeptNbr').prop('disabled', true);
    } else {
        $('#unitDeptNbr').prop('disabled', false);
        $.ajax({
            type: "GET",
            url:  'getUnitGroup.ajx?siteGroupId=' + siteGroupId,
            success: function (json) {
                //jQuery('#unitDeptNbr').html('');
                jQuery.each(json, function(key, value) {
                    jQuery('#unitDeptNbr')
                        .append(jQuery('<option>')
                            .text(value)
                            .attr('value', key));
                });

            }, error: function () {
                $('#unitDeptNbr').prop('disabled', true);
                alert('Error occur ...!')
            }
        });
    }

我的jsp：

       <select path="deptNbr" id="unitDeptNbr" disabled="">
                        <option></option>
                    </select>