zoukankan      html  css  js  c++  java
  • JS操作select下拉框动态变动(创建/删除/获取)

    1.动态创建select 

    function createSelect(){ 
    var mySelect = document.createElement_x("select"); 
    mySelect.id = "mySelect"; 
    document.body.appendChild(mySelect); 
    } 

    2.添加选项option 

    function addOption(){ 
    //根据id查找对象, 
    var obj=document.getElementByIdx_x('mySelect'); 
    //添加一个选项 
    obj.add(new Option("文本","值")); 
    } 

    3.删除所有选项option 

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

    4.删除一个选项option 

    function removeOne(){ 
    var obj=document.getElementByIdx_x('mySelect'); 
    //index,要删除选项的序号,这里取当前选中选项的序号 
    var index=obj.selectedIndex; 
    obj.options.remove(index); 
    } 

    5.获得选项option的值 

    var obj=document.getElementByIdx_x('mySelect'); 
    var index=obj.selectedIndex; //序号,取当前选中选项的序号 
    var val = obj.options[index].value; 

    6.获得选项option的文本 

    var obj=document.getElementByIdx_x('mySelect'); 
    var index=obj.selectedIndex; //序号,取当前选中选项的序号 
    var val = obj.options[index].text; 

    7.修改选项option 

    var obj=document.getElementByIdx_x('mySelect'); 
    var index=obj.selectedIndex; //序号,取当前选中选项的序号 
    var val = obj.options[index]=new Option("新文本","新值"); 

    8.删除select 

    function removeSelect(){ 
    var mySelect = document.getElementByIdx_x("mySelect"); 
    mySelect.parentNode.removeChild(mySelect); 
    } 
  • 相关阅读:
    asp.net 2.0 国际化 动态切换语言
    SKU、UPC、EAN和ISBN
    NCalc:处理数学运算的好帮手
    yaf 论坛安装
    Afterlogic xmail 邮局软件不能收email 设置
    要围着中心来做事
    保证Winform程序只有一个实例在运行
    可视热敏读写卡开发
    jQuery CSS 效果
    代碼小片斷
  • 原文地址:https://www.cnblogs.com/wenJiaQi/p/6130075.html
Copyright © 2011-2022 走看看