gpt4 book ai didi

javascript - 获取动态生成的下拉列表 onchange 和重用功能的文本

转载 作者:行者123 更新时间:2023-11-30 20:40:43 25 4
gpt4 key购买 nike

<分区>

我有以下元素,每个元素都是一个选择元素的 ID,该元素将有一个动态生成的下拉列表:

const year = document.getElementById('year');
const brand = document.getElementById('brand');
const version = document.getElementById('version');
const model = document.getElementById('model');

我有以下句柄函数,我想为它们中的每一个重复使用:

function handleChange() {
let selected = year.options[year.selectedIndex].text;
console.log(selected);
}

year.addEventListener('change', handleChange);

到目前为止,这是可行的,但我不知道如何让 handleChange() 获取 SELECT 元素的 id。我尝试了以下代码,但它不正确。

function handleChange(e) {
let id = e.target.id;
let selected = id.options[id.selectedIndex].text;
console.log(selected);
}

我试图在这方面远离 JQuery。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com