zoukankan      html  css  js  c++  java
  • js操作让select的某项选中

    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>
  • 相关阅读:
    使用JS实现图片轮播滚动跑马灯效果
    特殊字符和注释标签
    html常用标签总结
    html重点标签总结
    web常用开发工具
    标签分类和关系
    Web标准和骨架
    常用开浏览器内核
    常用浏览器介绍
    2019/08/20记
  • 原文地址:https://www.cnblogs.com/navysea/p/6913840.html
Copyright © 2011-2022 走看看