Java教程

JavaScript操作select下拉框

本文主要是介绍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下拉框的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!