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

      

  • 相关阅读:
    [hdu-2048] 神、上帝以及老天爷
    or1200中IMMU分析(续)
    Java Applet读写client串口——终极篇
    树莓派_Linux串口编程_实现自发自收
    2014百度实习生面试题(部分)具体解释
    Leetcode
    eclipse+webservice开发实例
    现有一些开源ESB总线的比較
    《HTML5 从入门到精通--7.6.3 单元格垂直跨度——rowspan》
    百度究竟是哪国的公司
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6155884.html
Copyright © 2011-2022 走看看