Question

我正在使用JavaScript循环为出生年份创建一个下拉菜单。

var year_list_start = 1938;
var year_list_end = 2008;
var year_options = "";
for (var y = year_list_start; y <= year_list_end; y++) {
  year_options += "<option name'" + y + "'>" + y + "</option>"
}
document.getElementById("year").innerHTML = year_options;

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

它的工作原理就像一种魅力，只是我希望完全不同（文本/标题）并且不能选择。类似于“选择您的出生年份”。我曾尝试过这种方法，但无法成功。

Answer 1

只需将其设置为year_options的初始值，并提供selected和disabled属性：

var year_list_start = 1938,
    year_list_end   = 2008,
    year_options    = '<option selected disabled>Select birth year:</option>';

for( var y = year_list_start; y <= year_list_end; y++ ) 
{
    year_options += "<option name'" + y + "'>" + y + "</option>"
}

document.getElementById("year").innerHTML = year_options;

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

Answer 2

<select id="year" name="year" required>
<option id="start" selected disabled>Select your birth year:</option>
</select>

JSFiddle链接：https://jsfiddle.net/Memorynotfound/13r1qfjb/

Answer 3

var year_list_start = 1938;
    var year_list_end = 2008;
    var year_options = "";
        for (var y = year_list_start; y <= year_list_end; y++) {
            year_options += "<option name'" + y + "'>" + y + "</option>"
        }
    document.getElementById("year").innerHTML += year_options;

<select id="year" name="year" required>
<option id="start" selected disabled>Please select birth year...</option>
</select>

使用selected选项可以使其开始被选中，而使用disabled选项可以使您不能选择它作为答案。

出生年份循环标题JavaScript

3 个答案: