js操作让select的某项选中

冷暖自知 提交于 2020-03-25 03:02:40

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>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!