Question

我有一个动态填充的选择下拉列表：

var year = (new Date()).getFullYear();
var minYear = year-95;
var options = [];
for(var i=minYear; i < year+1; i++){
    options.push('<option value="'+i+'">'+i+'</option>');
}

如何设置所选选项？

Answer 1

将selected添加到该选项中（有关option selected的更多信息）。

您的代码应如下所示：

var year = (new Date()).getFullYear();
var minYear = year-95;
var options = [];
for(var i = minYear; i < year + 1; i++)
{
    if (i == year) // Condition for selected option
    {
        options.push('<option selected value="' + i + '">' + i + '</option>');
    }
    else
    {
        options.push('<option value="' + i + '">' + i + '</option>');
    }
}

Answer 2

尝试这样的事情

<强>的jQuery

$(document).ready(function () {

    var year = (new Date()).getFullYear();
    var minYear = year - 95;
    var options = [];
    for (var i = minYear; i < year + 1; i++) {

        if (i == 1950) {
            options.push('<option selected value="' + i + '">' + i + '</option>');
        } else {
            options.push('<option value="' + i + '">' + i + '</option>');
        }

    }
    $("#sel").html(options);
});

<强> HTML

<select id="sel"></select>

DEMO

在动态填充的选择下拉列表中设置选定的选项

2 个答案: