將項目添加到API中的列表中使用Javascript

Question

我試圖通過設置它是我檢索的所有項目（貨幣）的html屬性在下拉列表中顯示貨幣。

這裏是我的代碼：

var currencyDropdownData = ""; 
currencyDropdownData.length = 0; 
if (confirmationData != null) 
{ 
    currencyDropdownData = confirmationData.Currencies; 
    console.log(currencyDropdownData) 

    var BudgetSelectData = ""; 
    //BudgetSelectData += '<option selected value="-1">Please Select</option>' 
    for (var currency = 0; currency < currencyDropdownData.length; currency++) { 
     console.log(currencyDropdownData[currency].Name); 
     BudgetSelectData += '<option value="' + currencyDropdownData[currency].Id + '">' + currencyDropdownData[currency].CurrencyText + currencyDropdownData[currency].Name + '</option>' 
    } 

    console.log(BudgetSelectData); 

    $('#budgetCurrency').html(BudgetSelectData);   
} 

下面是HTML：

<div class="row rowSpace"> 
    <div class="col-md-12"> 
     <div class="col-md-3"> 
      <label>Budget (Optional)</label> 
     </div> 
     <div class="col-md-6"> 
      <div class="col-md-10 col-sm-10 col-xs-11 noPadding"> 
       <select validateme="true" class="form-control fullWidth" id="budgetCurrency" placeholder="€ (Euro)" data-validation="length alphanumeric" data-validation-length="min1"> 
      </select> 
     </div> 
     <div class="col-md-2 col-sm-2 col-xs-1 noPadding" linkedval="budgetCurrency"></div> 
    </div> 
</div> 

在控制檯中，我可以看到被正確創建的HTML和每個貨幣都回來了，但是下拉列表中沒有顯示任何內容

Answer 1

也許這就是你要找的東西

for (var currency = 0; currency < currencyDropdownData.length; currency++) { 
    console.log(currencyDropdownData[currency].Name); 
    var option = $("option").attr("value", currencyDropdownData[currency].Id) 
        .val(currencyDropdownData[currency].CurrencyText + currencyDropdownData[currency].Name); 
    $('#budgetCurrency').append(option); 
    }