Javascript 获取选项标记的名称

我在html中有下拉列表，我在后端有一个字典来获取密钥。 因为下拉列表是动态创建的，所以用户会不断添加

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

Saab

javascript应该能够获取Saab并插入b/w h1标记

document.querySelector（'#cars'）.onchange=function（）{
document.querySelector（'h1'）。innerHTML=//输入内容
//在此处获取当前所选选项的名称。
};

在

onchange

功能中，您只需参考选择框的值即可；默认情况下，如果选项上没有value属性，则默认使用选项的文本

document.querySelector（'#cars'）.onchange=function（）{
document.querySelector（'h1'）.innerHTML=this.value；
};

萨博
本田
大众
您只需要
此值即可。
因为
此
指的是选择，当选项没有指定值时，其内容默认为值


document.querySelector（'#cars'）.onchange=function（）{
document.querySelector（'h1'）。innerHTML=this.value
};

沃尔沃汽车
萨博
欧宝
奥迪

document.querySelector（'#cars'）.onchange=function（）{
document.querySelector（'h1'）.innerHTML=this.options[this.selectedIndex].value
};

沃尔沃汽车
萨博
欧宝
奥迪

document.querySelector('#cars').onchange=function(){
            document.querySelector('h1').innerHTML = //what to enter 
           // here to fetch get name of option currently selected.

           };

           <h1><h1>