javascript - 获取选项标签的名称

Question

我在 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>

Answer 1

在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>