Название цикла года рождения JavaScript
Я создаю раскрывающееся меню для года рождения с помощью цикла 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>Он работает как шарм, за исключением того, что я бы хотел, чтобы он был совершенно другим (текст / заголовок) и не выбирался. Что-то вроде «Выберите год своего рождения». Я пробовал то и это, но не добился успеха.
Я пробовал добавить новый var title = "Выберите ответ"; и попытался добавить его в цикл, но тогда это был. сделать все параметры недоступными для выбора b. будет зацикливать эту переменную после каждой опции c. накрутить всю петлю в основном ...
Это не ответ, но выше должно быть value='" + y, а не name'" + y. Согласно Mozilla, если атрибут value опущен, значение будет извлечено из внутреннего текста опции. В большинстве случаев это может быть то, что вы хотите, но лучше выработать привычку делать это правильно.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Просто установите его как начальное значение 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>О, я пробовал нечто подобное, но делал это совершенно неправильно.
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 делает так, что вы не можете выбрать ее в качестве своего ответа.
@BenM Я как раз печатал это, когда вы писали.
<select id = "year" name = "year" required>
<option id = "start" selected disabled>Select your birth year:</option>
</select>
Ссылка JSFiddle: https://jsfiddle.net/Memorynotfound/13r1qfjb/
можете показать нам, что вы пробовали, а что не сработало?