Javascript 使用选定选项更改跨距文本

我正处于编码生活的开始。我试图用所选选项更改span中的文本，但它给我的是值，而不是文本。例如，当我选择bus选项时，我希望它显示“bus”文本。我不想要数值。提前谢谢

公共汽车
汽车
飞机
函数showChange（）{
所选var_vehicle=document.getElementById（“车辆”）.value；
document.getElementById（“车辆”）.innerText=所选车辆；
}

您可以先将

此

关键字传递给函数，然后使用selectedIndex of选项获取文本

公共汽车
汽车
飞机
功能显示更改（el）{
var selected_vehicle=el.options[el.selectedIndex].text；
document.getElementById（“车辆”）.innerText=所选车辆；
}

如果保留HTML中的内联声明（通常是首选方法），则可以在单独的文件中分配事件处理程序。另外，需要注意的是，如果您以传统方式（而不是使用AJAX等）提交表单数据，那么

select

元素需要一个名称-请求数组中不会出现ID

document.querySelector（'select[name=“vehicles”]”）。addEventListener（'change'，e=>{
e、 target.nextElementSibling.textContent=[e.target.value，e.target.options[e.target.options.selectedIndex].text]。加入（“”）
})

选择运输方式
公共汽车
汽车
飞机

这是否回答了您的问题？