如何从JavaScript中的select选项中获取相应文本的值?

如何从JavaScript中的select选项中获取相应文本的值?,javascript,html,Javascript,Html,我有一个select元素,它有一堆选项值。例如,HTML代码段中的数据选项是自动生成的,其值和索引是随机分配的。我想从select元素中获取data选项的值。我可以从select元素获取所有选项值,但无法获取相应文本的值。提前谢谢。感谢您的帮助 第一 数据 第二 第三 只需为所有选项创建一个数组,然后只需使用array.find方法 const allOPtions=[…document.querySelectorAll'selectId option'] ,getOptionVal=oTx

我有一个select元素,它有一堆选项值。例如,HTML代码段中的数据选项是自动生成的,其值和索引是随机分配的。我想从select元素中获取data选项的值。我可以从select元素获取所有选项值,但无法获取相应文本的值。提前谢谢。感谢您的帮助

第一 数据 第二 第三
只需为所有选项创建一个数组,然后只需使用array.find方法

const allOPtions=[…document.querySelectorAll'selectId option'] ,getOptionVal=oTxt=>allOPtions.findx=>x.textContent==oTxt.value ; console.log“选项值->数据=”,getOptionVal“数据” 第一 数据 第二 第三
元素的.selectedIndex属性告诉您当前选择了哪个。然后,您可以使用的.I要获取选项值,而不选择它。然后,遍历上的.options列表。有你我可以得到所有的价值观。然而,我的问题是我不知道期权的指数或它的值,因为它们是随机分配的。我只知道选项的文本。因此,从文本中,我想找到它的值。它不适用于我的情况,因为我希望在不选择任何选项的情况下获得值。您需要哪个值?第一个或全部?比如说第二个,但问题是我不知道期权的指数或它的值,因为它们每次都是随机分配的。选项唯一不变的是它的文本。因此,我想从文本中找到它的价值。
const selectId = document.querySelector('#selectId')
selectId.addEventListener("change", function () {
  const option = this.value;
  console.log(option)
});