HTML Select Option | Country Select Dropdown List

Select option list generator. year select option list, month option select list, date select option list, country names select option list, country code number select option list, number select option list, Google Web Font Name Select option List

JavaScript select option number list code script

<select id="number-list"></select>

<script>
(function () {

  var start_number = 1;
  var end_number = 20;
  var step = 1;
  var selected_index = 0;

  var option =  '';

  //first option
  option += '<option>Number</option>';

  for (var i = 0; i < (end_number - start_number + 1); i++) {
    var selected = (i == selected_index) ? ' selected' : '';
    var val_text = (start_number + i * step);
    option += '<option value="' +val_text+ '"'+selected+'>' +val_text+ '</option>';
  }

  document.getElementById('number-list').innerHTML = option;
})();
</script>

JavaScript select option year list code script

<select id="year-list"></select>

<script>
(function () {

  var year_start = 1950;
  var year_end = 2020;
  var selected_index = 0;

  var option =  '';
  
  //first option
  option += '<option>Year</option>';

  for (var i = 0; i < (year_end - year_start + 1); i++) {
    var selected = (i == selected_index) ? ' selected' : '';
    var val_text = (year_start + i);
    option += '<option value="' + val_text + '"'+selected+'>' + val_text + '</option>';
  }
  document.getElementById('year-list').innerHTML = option;
})();
</script>

Select option list generator

Enter your text here

Use Custom Styles

Attributes