本文介绍一种简洁高效的 javascript 方法，通过点击按钮在 `
在 Web 表单交互中，有时需要让用户快速在预设选项间切换（例如“浅色/深色主题”“启用/禁用开关”），而不想依赖下拉展开操作。此时，用一个按钮控制
核心思路是利用 select.selectedIndex 属性获取/设置当前选中索引，并结合模运算（%）实现循环切换：每次点击时，将索引加 1 后对总选项数取余，自动回绕到首个选项。该方法天然支持任意数量的
以下是完整可运行的实现代码：
Toggle Select Options
✅ 注意事项与增强建议：
立即学习“Java免费学习笔记（深入）”；
- 确保
- 若需初始状态高亮某一项，可在 html 中添加 selected 属性（如
- 如需兼容旧版 IE（已不推荐），应避免使用箭头函数，改用传统 function(){} 写法；
- 进阶需求（如跳过禁用选项、反向切换、绑定自定义值映射）可通过扩展逻辑实现，但基础循环切换已覆盖大多数场景。
该方案简洁、语义清晰、无外部依赖，是提升表单交互体验的实用技巧。