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);
        }
    }

和heres 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>

JS用循环创建新选项

2 个答案: