js 循环写 option

// 假设的数据源
const optionsData = ['苹果', '香蕉', '橙子', '葡萄'];

// 获取select元素
const selectElement = document.getElementById('fruitSelect');

// 使用for循环添加option元素
for (let i = 0; i < optionsData.length; i++) {
    const option = document.createElement('option');
    option.value = optionsData[i];
    option.textContent = optionsData[i];
    selectElement.appendChild(option);
}

// 或者使用forEach循环
optionsData.forEach(item => {
    const option = document.createElement('option');
    option.value = item;
    option.textContent = item;
    selectElement.appendChild(option);
});

// 或者使用map函数和innerHTML
selectElement.innerHTML = optionsData.map(item => `<option value="${item}">${item}</option}`).join('');