Как сделать заполнитель для опции выбора, но он имеет значение цикла?

Question

Я сделал циклы опции выбора, но мне пришлось сделать заполнитель

Я хочу сказать, что у него есть заполнитель в первом значении выбора, следующийзначение - это значение, которое я повторяю

код, который я сделал

var start = 2010;
var end = 2030;
var options = "";
for (var year = start; year <= end; year++) {
  options += "<option>" + year + "</option>";
}
document.getElementById("idBulanBerlaku").innerHTML = options;

<div class="form-group">
  <div class="col-sm-12">
    <select class="form-control" id="idBulanBerlaku">
      <option value="" disabled selected hidden>Please Choose...</option>
    </select>
  </div>
</div>

Answer 1

Вам просто нужно добавить больше таких опций. Надеюсь на помощь, дружище :))

var start = 2010;
var end = 2030;
var options = "";
for (var year = start; year <= end; year++) {
  options += "<option>" + year + "</option>";
}
document.getElementById("idBulanBerlaku").innerHTML += options;

Answer 2

Понимая ваши требования, вы должны иметь заполнитель на ваш выбор. Если вы используете innerHTML, это уничтожит все.

Вы можете использовать insertAdjacentHTML , например

document.getElementById("idBulanBerlaku").insertAdjacentHTML("beforeend", options);

или чуть ниже, если вы хотите продолжать использовать innerHTML

document.getElementById("idBulanBerlaku").innerHTML += options;

var start = 2010;
var end = 2030;
var options = "";
for (var year = start; year <= end; year++) {
  options += "<option>" + year + "</option>";
}
document.getElementById("idBulanBerlaku").insertAdjacentHTML("beforeend", options);

<div class="form-group">
  <div class="col-sm-12">
    <select class="form-control" id="idBulanBerlaku">
      <option value="" disabled selected hidden>Please Choose...</option>
    </select>
  </div>
</div>