以下是一个示例下拉列表的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代码会检测到选项改变事件,并将选中的选项的值输出到控制台中。你可以按照自己的需求修改选项的数量和名称,以及在选项改变时执行的代码。

stimulusjs 写一个下拉列表

原文地址: https://www.cveoy.top/t/topic/Fsz 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录