добавить опции для выпадающего списка с помощью javascript

Question

Мне нужно добавить параметры в раскрывающийся список. У меня есть массив с параметрами, которые мне нужно в раскрывающемся списке, но я не уверен, как добавить массив к списку

var productList = document.getElementById("selectFood"); 
var foodOption = document.createElement("option"); 

foodOption.textContent = [{ 
    option1: "Meat Lovers" 
}, { 
    option2: "Buffalo Wings" 
}, { 
    option3: "margherita" 
}, { 
    option4: "classic" 
}]; 

for (i = 0; i < productList.length; i++) { 
    productList.appendChild(foodOption); 
} 

Answer 1

вы можете сделать с JQuery,

$.each(foodOption.textContent, function (i, value) { 
    $('#selectFood').append($('<option>').text(value).attr('value',value)); 
}); 

Answer 2

Попробуйте под кодом для вашего решения.

var productList = document.getElementById("selectFood"); 
var textContent = [{ 
    option1: "Meat Lovers" 
}, { 
    option2: "Buffalo Wings" 
}, { 
    option3: "margherita" 
}, { 
    option4: "classic" 
}]; 

for(var iIntex in textContent) { 
    var foodOption = document.createElement("option"); 
    var option=textContent[iIndex]["option"+(iIndex+1)]; 
    foodOption.setAttribute("value",option); 
    foodOption.innerHTML=option; 
    productList.appendChild(foodOption); 
} 

Answer 3

Вам необходимо создать элемент опции.

for (i = 0; i < foodOption.textContent.length; i++) { 
    var newElement = document.createElement('option'); 
    newElement.innerHTML = foodOption.textContent[i]; 
    productList.appendChild(newElement); 
} 

Answer 4

Вы должны сделать массив строки, а не массив объектов

попробовать этот

foodOption.textContent = ["Meat Lovers" , "Buffalo Wings" , "margherita", "classic" ] 


$.each(foodOption.textContent, function (index, value) { 

    $('#selectFood').append($('<option/>', { value: value, text: value })); 

});