JavaScript操作select下拉框
2021/11/2 11:10:35
本文主要是介绍JavaScript操作select下拉框,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.新建一个select.html
<select> <option value ="东风本田">东风本田</option> <option value ="广汽本田">广汽本田</option> <option value="一汽大众">一汽大众</option> <option value="上海大众">上海大众</option> </select>
2.js操作打开下拉框
1 function openselect(){ 2 var next=document.getElementById(1); 3 var cc = next.length; 4 next.size=cc; 5 return ''} 6 openselect();
3.选择其中一个选项
1 function selectone(){ 2 var next=document.evaluate('//*[@id="1"]/option[3]', document).iterateNext(); 3 next.parentNode.size=1; 4 next.selected=true; 5 return '';} 6 selectone();
4.执行事件
let evt = document.createEvent('HTMLEvents'); evt.initEvent('change', false, true); next.parentNode.dispatchEvent(evt);
这篇关于JavaScript操作select下拉框的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-30我的第一个Go命令行工具
- 2024-09-30初学者指南:轻松掌握模块化编程
- 2024-09-30顶级5款免费的IntelliJ插件,助你Java开发之路更顺畅
- 2024-09-30提高应用程序可用性:冗余和持久性
- 2024-09-30Twitter 系统设计面试示例
- 2024-09-30JSON对象入门教程:轻松掌握基础用法
- 2024-09-30封装入门:Java面向对象编程的第一步
- 2024-09-30后台交互入门:轻松掌握基础知识与实践技巧
- 2024-09-30轻松入门:后台交互教程详解
- 2024-09-30后台交互项目实战:新手指南