我在 html 中有下拉菜单,我在后端有字典来获取 key 。 由于下拉列表是动态创建的,因此用户可以不断添加内容。
<select id="cars">
<option>Volvo</option>
<option>Saab</option>
<option>Opel</option>
<option>Audi</option>
</select>
现在因为没有像这样的值属性
<option value="volvo">Volvo</option>
我如何使用 onchange 属性获取选项的名称 当用户选择
<option>Saab</option>
javascript 应该能够获取 Saab 并将其插入 b/w h1 标签
document.querySelector('#cars').onchange=function(){
document.querySelector('h1').innerHTML = //what to enter
// here to fetch get name of option currently selected.
};
<h1><h1>
最佳答案
在onchange
函数中,可以简单的引用选择框的值;默认情况下,如果选项上没有值属性,它将默认使用选项的文本。
document.querySelector('#cars').onchange = function() {
document.querySelector('h1').innerHTML = this.value;
};
<select id="cars">
<option>Saab</option>
<option>Honda</option>
<option>Volkswagen</option>
</select>
<h1 id="result"></h1>
关于javascript - 获取选项标签的名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52086551/