jquery未定義的數據在ajax中返回

Question

我正在使用jQuery Mobile，並且需要刪除位於標籤上方的undefined字。 data是json，它返回sucessfuly幾乎正確地構建html。除了undefined 我有這樣的動態代碼

HTML

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

的Javascript

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 = "";