I want to add a <select> element using javascript. I also want in the same function to add both a class, an id and 3 <option> elements with values 1-3.
I know this seemes like a lot, but hope some of you have something that will help me.
-
1What have you tried, it shouldn't be to hard to figure out !adeneo– adeneo2016-10-27 16:57:57 +00:00Commented Oct 27, 2016 at 16:57
-
Google search used to find the duplicate: site:stackoverflow.com javascript how to create select with optionsuser1106925– user11069252016-10-27 17:02:14 +00:00Commented Oct 27, 2016 at 17:02
Add a comment
|
1 Answer
While you could just as well do this in HTML straight away, here you go:
const $select = document.createElement('select');
const numberOfOptions = 3;
$select.classList.add('my-select');
$select.id = 'my-select';
const createOption = value => {
const $option = document.createElement('option');
$option.textContent = value;
$option.value = value;
return $option;
};
for (let i = 0; i < numberOfOptions; ++i) {
const value = i + 1;
const $option = createOption(value);
$select.appendChild($option);
}
document.body.appendChild($select);