Drop Down Select Option List Generator
HTML drop down select option list generator. year select option list, month option select list, date select option list, country names select option list, phone code number select option list, number select option list,
Click the 'Re-edit select' button You can add your old HTML drop-down select code to add or remove more options and sort names.
Demo:
Demo Enter Select Option Value And Text
Value
Option text
Set Custom Styles
Add Attributes
HTML
Add select list code
×
Paste your old select list code here. you can edit option text or value, you can add new options or delete them. and sort option text.
Add names list for create HTML drop down select
×Add the list of names line by line in the box below. The box of values requires at least two lines. If the value and the option text are the same, just add a name list to the Values box. And there is no need to add names in the option box.
value
option
title
Add URL list
×
Extract the link from the website
Paste URL link list HTML <a href="url">name</a> tag
Numbers Drop Down Select Using JavaScript
Click on the edit (pen) icon and try it yourself.
<select id="number" name="number"></select>
<script>
(() => {
let number_start = 1;
let number_end = 20;
let number_selected = 10;
let option = '';
option = '<option>Select number</option>'; // first option
for (let i = number_start; i <= number_end; i++) {
let selected = (i === number_selected ? ' selected' : '');
option += '<option value="' + i + '"' + selected + '>' + i + '</option>';
}
document.getElementById("number").innerHTML = option;
})();
</script>