Как я могу сохранить выбранную опцию по умолчанию

У меня есть элемент select html в течение многих лет, я хочу, чтобы его значение по умолчанию было только «年», но мой js-код переписывает его. Что мне делать?

<select id = "f_year" name = "f_year">
    <option disabled selected value>年</option>
</select>

<script>
var start = 1900;
    var end = new Date().getFullYear();
    var options = "";
    for(var year = start ; year <=end; year++){
        options += "<option>"+ year + "年" + "</option>";
    }
    document.getElementById("f_year").innerHTML = options;
</script>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
25
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Когда вы воссоздаете варианты выбора. Вместо keepin var options = ""; сохраните его как var options = "<option disabled selected value>年</option>";

<select id = "f_year" name = "f_year">

</select>

<script>
var start = 1900;
    var end = new Date().getFullYear();
    var options = "<option disabled selected value>年</option>";
    for(var year = start ; year <=end; year++){
        options += "<option>"+ year + "年" + "</option>";
    }
    document.getElementById("f_year").innerHTML = options;
</script>

По возможности лучше сохранять HTML в HTML…
… Итак, я бы просто добавил ваш options, используя += вместо =.

Смотрите в рабочем фрагменте:

var start = 1900;
var end = new Date().getFullYear();
var options = "";
for (var year = start; year <= end; year++) {
  options += "<option>" + year +  "年" + "</option>";
}
document.getElementById("f_year").innerHTML += options; // TAKIT: Modified only here!
<select id = "f_year" name = "f_year">
  <option disabled selected value>年</option>
</select>

Надеюсь, поможет.

Другие вопросы по теме