javascript - jQuery Ajax中的未定义数据返回

Question

我正在使用jQuery Mobile，并且需要删除标签上方的undefined字。 data是json，它成功返回并几乎正确地构建了html。除了undefined我有这个动态代码

的HTML

<div class="ui-field-contain" id="selectNovoCorAnimal">
</div>

Java脚本

function corAnimal(data){
    var html
    html += '<label for="corNovoAnimal" class="select">Cor</label>'
    html += '<select name="corNovoAnimal" id="corNovoAnimal" data-native-menu="false">'
        $.each(data, function (i, x) {
            html+='<option value='+ x.id + '>'+ x.descricao +'</option>';
        });
    html += '</select>'
    $('#selectNovoCorAnimal').html(html).enhanceWithin();
}

像这样的构建:

undefined <<< need remove this
Cor
[Amarelo] << select

为什么给我不确定？

Answer 1

这是因为您没有给html变量一个初始值，所以该值是undefiend。当您尝试将其余的html字符串连接到它时，它将undefiend转换为字符串版本，并将其余的html添加到该字符串版本中。

只需设置一个初始值

var html = "";