Добавить элемент select с javascript

Question

Я хочу добавить элемент <select> с помощью javascript. Я также хочу, чтобы в той же функции добавлялись как класс, id и 3 <option> элементы со значениями 1-3.

Я знаю, что это похоже на много, но надеюсь, что у некоторых из вас есть что-то, что поможет мне.

Answer 1

В то время как вы могли бы точно так же сделать это в HTML сразу, здесь вы идете:

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