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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】Flutter适配HarmonyOS 5知识地图,实战解析+高频避坑指南
【推荐】凌霞软件回馈社区,携手博客园推出1Panel与Halo联合终身会员
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 理解 .NET 结构体字段的内存布局
· .NET 9中的异常处理性能提升分析:为什么过去慢,未来快
· 字符集、编码的前世今生
· Web性能优化:从 2 秒到200毫秒
· WPF 使用GDI+提取图片主色调并生成Mica材质特效背景
· DeepSeek为什么现在感觉不火了?
· 开发十年现状之我的工作经历
· 【故障公告】博客主站遭遇很奇怪的疯狂攻击
· .NET 9中的异常处理性能提升分析:为什么过去慢,未来快
· 我与博客园的20年