zoukankan      html  css  js  c++  java
  • JS动态添加option和删除option

    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("文本","值")); //这个只能在IE中有效 
        obj.options.add(new Option("text","value")); //这个兼容IE与firefox 
    } 
    

    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); 
    } 
    

      

  • 相关阅读:
    用动画切换按钮的状态
    用UICollectionView实现无限轮播图
    水平方向瀑布流
    UICollectionViewFlowLayout使用示例
    旋转木马效果
    Greenplum集群或者Postgresql出现死锁肿么办?
    Lucene的全文检索学习
    Jms规范学习
    Nginx的相关问题
    keepalived+Nginx实现主备保障Nginx的高可用。
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6155884.html
Copyright © 2011-2022 走看看