stimulusjs 写一个下拉列表
以下是一个示例下拉列表的HTML和JavaScript代码:
<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
// 获取下拉列表元素
const select = document.getElementById("mySelect");
// 添加事件监听器,当选项改变时调用函数
select.addEventListener("change", function() {
// 获取当前选中的选项的值
const selectedOption = select.value;
// 在控制台输出选中的选项的值
console.log(selectedOption);
});
这段代码创建了一个下拉列表,它有三个选项:Option 1、Option 2和Option 3。当用户选择其中一个选项时,JavaScript代码会检测到选项改变事件,并将选中的选项的值输出到控制台中。你可以按照自己的需求修改选项的数量和名称,以及在选项改变时执行的代码。
原文地址: https://www.cveoy.top/t/topic/Fsz 著作权归作者所有。请勿转载和采集!