Javascript从标签中选择文本

Question

我必须让javascript，从其中一个选项中选择所写的文本，(小，中，大，Xlarge)不有谁能帮我一下吗?

<option value="s">Small</option>
<option value="M">Medium</option>
<option value="L">Large</option>
<option value="XL">XLarge</option>
</select>

Answer 1

document.querySelectorAll("select option").forEach(option => {
option.text === "Medium" ? option.selected=true  : option;
})

<select>
<option value="s">Small</option>
<option value="M">Medium</option>
<option value="L">Large</option>
<option value="XL">XLarge</option>
</select>

Answer 2

这将创建与您提供的完全相同的内容，只是添加了更多选项。

let options = [{ name: 'small', value: 's' }, { name: 'medium', value: 'm' }]
var dropdown = document.createElement('select');
document.querySelector('body').appendChild(dropdown)
function addOpt(option, parentElement) {
var opt = document.createElement('option');
opt.setAttribute('value', `${option.value}`)
opt.innerText = option.name
parentElement.appendChild(opt)
}
options.forEach(option =>
addOpt(option, dropdown)
)