Javascript 附加选项以选择菜单？

使用Javascript如何将选项附加到HTML选择菜单

e、 g为此：

<select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

沃尔沃汽车
萨博
梅赛德斯
奥迪

类似这样的内容：

var option = document.createElement("option");
option.text = "Text";
option.value = "myvalue";
var select = document.getElementById("id-to-my-select-box");
select.appendChild(option);

$（文档）.ready（函数（）{
$（'#mySelect'）。附加（“宝马”）
})

HTML

您还可以使用以下功能：

const select = document.querySelector('select')
const value = 'bmw'
const label = 'BMW'

select.insertAdjacentHTML('beforeend', `
  <option value="${value}">${label}</option>
`)

const select=document.querySelector（'select'））
常量值='bmw'
常量标签='BMW'
select.insertAdjacentHTML（'beforeend'`
${label}
`)

Doh！我以为原来的问题是用jQuery标记的。但是，同样，由于唯一的起点是html代码片段，为什么不使用jQuery？有趣的是，

选项。text

确实有效，但我找不到任何关于它的文档（W3C、MDC、quirksmode等）。

<select id="mySelect">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

 var mySelect = document.getElementById('mySelect'),
    newOption = document.createElement('option');

newOption.value = 'bmw';

// Not all browsers support textContent (W3C-compliant)
// When available, textContent is faster (see http://stackoverflow.com/a/1359822/139010)
if (typeof newOption.textContent === 'undefined')
{
    newOption.innerText = 'BMW';
}
else
{
    newOption.textContent = 'BMW';
}

mySelect.appendChild(newOption);

const select = document.querySelector('select')
const value = 'bmw'
const label = 'BMW'

select.insertAdjacentHTML('beforeend', `
  <option value="${value}">${label}</option>
`)