在Javascript中设置Select

我一直在想如何解决这个问题，但没有成功

下面的代码可以正常工作。然而，在HTML文件中，什么都不会发生

我不知道它有什么毛病。有人能告诉我怎么修吗

函数selectItems（）{
var myDiv=document.getElementById（“汽车选择”）；
var数组=[“迈凯轮”、“法拉利”、“梅赛德斯”]；
var selectList=document.createElement（“选择”）；
selectList.setAttribute（“id”、“Car”）；
myDiv.appendChild（选择列表）；
对于（var i=0；i

车队

#1：
#2：

使其正常工作所需的微小更改：

function selectItems() { 
    var myDiv = document.getElementById("car-select");
    var array = ["McLaren", "Ferrari", "Mercedes"];
    var selectList = document.createElement("select");
    selectList.setAttribute("id", "Car");
    for (var i = 0; i < array.length; i++) {
        var option = document.createElement("option");
        option.setAttribute("value", array[i]);
        option.text = array[i];
        selectList.appendChild(option);
    }
    myDiv.appendChild(selectList);

    var myDiv2 = document.getElementById("tyre-select");
    var array2 = ["Bridgestone", "Michelin", "Continental"];
    var selectList2 = document.createElement("select");
    selectList2.setAttribute("id", "Eng");
    for (var i = 0; i < array2.length; i++) {
        var option2 = document.createElement("option");
        option2.setAttribute("value", array2[i]);
        option2.text = array2[i];
        selectList2.appendChild(option2);
    }
    myDiv2.appendChild(selectList2);
}

selectItems();

---

你的代码对我来说运行得很好，实际上Michael Gaskill的代码没有问题，我只是一个如果我看到同一代码被实现了不止一次的人，我会努力找到一种不必重复自己的方法

这样就可以在我们的函数中声明一个函数。生成的代码完成了相同的任务，但最终获得了一些描述，并删除了许多冗余进程

函数selectItems（）{
var fn=功能（el、select_id、arr）{
var selectList=document.createElement（“选择”）；
selectList.setAttribute（“id”，选择id）；
对于（变量i=0；i

车队

#1：
#2：

工作正常。。更改加载类型…难道不能将

selectList.map

与jQuery一起使用吗？是的，确实可以，这将是对循环的改进。很好的建议。我会更新答案的。我喜欢你的三角帆。很好的重构示例。

function selectItems() { 
    var array = ["McLaren", "Ferrari", "Mercedes"];
    var selectList = $("<select />").attr("id", "Car");
    $.each(array, function(index, item) {
        selectList.appendChild($("<option />").attr("value", array[i]).text(item));
    });
    $("#car-select").append(selectList);

    var array2 = ["Bridgestone", "Michelin", "Continental"];
    var selectList2 = $("#select").attr("id", "Eng");
    $.each(array2, function(index, item) {
        selectList2.appendChild($("<option />").attr("value", array2[i]).text(item));
    });
    $("#tyre-select").append(selectList2);
}

selectItems();