Question

我想使用javascript添加<select>元素。我还希望在同一个函数中添加一个类，一个id和3个<option>元素，值为1-3。

我知道这个看起来很多，但希望你们中的一些人能够帮助我。

Answer 1

虽然您可以直接在HTML中执行此操作，但请转到：

＆＃13;

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

＆＃13;

使用javascript添加select元素

1 个答案: