Select option list generator

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

Demo Select option list:
Demo
2

Use Custom Styles

Width:
Height:
padding:
BG-color:
Border-color:
Font-color:
3

Attributes

HTML

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 Number List
Start
end
step
× Select Option Year List
Start :
End :
× Select Option list editor
Paste your old html select list code here.you can edit option text value, and add more list delete option. drag list up/down sort
Select Option name list ×
Paste your name list, (plain text, CSV)
Text format
value
option
title