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 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 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
