检查下拉菜单的第一个选项是否已选择属性

Question

我创建了一个从当前年份起最近5年的下拉列表，明确选择了当前年份。 这是我的代码：

var nDate = new Date();
    var year = nDate.getFullYear();
    $('#yearddl').append('<option value>Select Year</option>');
    for (var i = 0; i <= 4; i++) {
        if (i == 0) {
            $('#yearddl').append('<option selected value =' + year + '>' + year + '</option>');
        }
        else {
            $('#yearddl').append('<option value =' + year + '>' + year + '</option>');
        }

        year = year - 1;
    }

现在，我的要求是，如何检查第一选项（无论如何将是当前年份）是否选择了属性。 基本上，我想从此处删除选择的选项，然后将其提供给其他选项。

Answer 1

创建选项时不要保留selected属性。 生成options ，可以使用$('#yearddl option[value='+nDate.getFullYear()+']')选择器来设置selected属性。

尝试这个：

 var nDate = new Date(); var year = nDate.getFullYear(); $('#yearddl').append('<option value>Select Year</option>'); for (var i = 0; i <= 4; i++) { $('#yearddl').append('<option value =' + year + '>' + year + '</option>'); year = year - 1; } $('#yearddl option[value='+nDate.getFullYear()+']').prop('selected',true); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <select id='yearddl'> <option value='2099' selected>2099</option> </select> 

在这里摆弄

Answer 2

$('#yearddl option:nth-child(2)').is(":selected")