javascript - JS用循环创建新选项

Question

一项简单的任务需要帮助，尝试了几种不同的方法，但看起来我在这两种方法上都遗漏了一些东西。我想创建一个带有年数的下拉菜单。这是我迄今为止的尝试，Nr1：

function selectOne(){
        var select - document.getElementById('year')
        for(var i=1950;i<1960;++i){
            var option = document.createElement('option');
            option.text = option.value = i;
            select.add(option, 0);
        }
    }

和继承人nr2：

function selectOne(){
        for(var i=1950;i<1960;++i){
            var yearList = 1950;
            var whichYear = new Option();
            whichYear.text = yearList[i];
            whichYear.value = yearList[i];
            document.forms[0].year.options[i] = whichYear;
        }
    }

Answer 1

第一个函数有一个错字'var select -'，但除此之外它似乎没问题

function selectOne(){
    var select = document.getElementById('year')
    for(var i=1950;i<1960;++i){
        var option = document.createElement('option');
        option.text = option.value = i;
        select.add(option, 0);
    }
}

假设你有

<select id="year"></select>

并正确调用该函数，它应该打印出一个下拉列表，其中包含从 1950 到 1959 的值

Answer 2

我认为这就是你想要的：

<select id = "year"></select>   
<script type = "text/javascript">
function selectOne(){
    var select = document.getElementById('year')
    for(var i=1950;i<=1960;i++){
        var option = document.createElement('option');
        option.text = option.value = i;
        select.appendChild(option, 0);
    }
}

selectOne();
</script>