1、通过修改select的value值
1 <input type="button" id="btn" value="按钮"/> 2 <select name="select" id="select"> 3 <option value="1">aa</option> 4 <option value="a">bb</option> 5 <option value="c">cc</option> 6 </select> 7 <script type="text/javascript"> 8 //点击按钮,让第二项选中 9 document.getElementById('btn').onclick=function(){ 10 document.getElementById('select').value="a"; 11 } 12 </script>
2、通过修改option的selected属性
1 <input type="button" id="btn" value="按钮"/>
2 <select name="select" id="select">
3 <option value="1">aa</option>
4 <option value="a">bb</option>
5 <option value="c">cc</option>
6 </select>
7 <script type="text/javascript">
8 document.getElementById('btn').onclick=function(){
//点击按钮,让第二个选项选中
9 var options = document.getElementById('select').children;
10 options[1].selected=true;
11 }
12 </script>
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· C# 13 中的新增功能实操
· Vue3封装支持Base64导出的电子签名组件
· 万字长文详解Text-to-SQL
· Ollama本地部署大模型总结
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(4)