zoukankan      html  css  js  c++  java
  • javascript 之 select下拉框



    1.动态创建select

        function createSelect(){

            var mySelect = document.createElement(select);
            mySelect.id = mySelect;  
            document.body.appendChild(mySelect);
        }

    2.添加选项option

       function addOption(){

            根据id查找对象,
             var obj=document.getElementById('mySelect');

             添加一个选项
             obj.add(new    Option(文本,值));   
       }

    3.删除所有选项option

       function removeAll(){
             var obj=document.getElementById('mySelect');
      
             obj.options.length=0;  

       }

    4.删除一个选项option

    function removeOne(){
             var obj=document.getElementById('mySelect');

             index,要删除选项的序号,这里取当前选中选项的序号

             var index=obj.selectedIndex;
             obj.options.remove(index);  
       }

    5.获得选项option的值

    var obj=document.getElementById('mySelect');

    var index=obj.selectedIndex; 序号,取当前选中选项的序号

    var val = obj.options[index].value;

    6.获得选项option的文本

    var obj=document.getElementById('mySelect');

    var index=obj.selectedIndex; 序号,取当前选中选项的序号

    var val = obj.options[index].text;

    7.修改选项option

    var obj=document.getElementById('mySelect');

    var index=obj.selectedIndex; 序号,取当前选中选项的序号

    var val = obj.options[index]=new Option(新文本,新值);

    8.删除select

        function removeSelect(){
              var mySelect = document.getElementById(mySelect);
             mySelect.parentNode.removeChild(mySelect);
       }
  • 相关阅读:
    java.sql.SQLException: The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized...
    Spring Security 自定义 登陆 权限验证
    springboot中使用spring security,登录url就出现403错误
    RocketMQ最佳实践
    JS 中获取服务器时间的注意点
    许小年:中国经济刚入寒冬,四万亿也救不了
    RestTemplate发送GET请求
    String类的format方法的用法
    参数的打包和解包实例
    16.return 返回值
  • 原文地址:https://www.cnblogs.com/rayking/p/1282473.html
Copyright © 2011-2022 走看看