zoukankan      html  css  js  c++  java
  • Select、Option

    1.删除Select控件的某个Option,没有提供隐藏的方法。

    function RemoveMe(){
        document.getElementById("test").options[1].parentNode.removeChild(document.getElementById("test").options[2]);
    }
    

    2.动态生成Option。

    <HTML>
     <HEAD>
      <TITLE> Test </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script language="javascript">
        //下拉框的内容
        function initcolorArray(){    
            var colorArray=new Array();
            colorArray[0]="红色";
            colorArray[1]="白色";
            colorArray[2]="蓝色";
            colorArray[3]="黑色";
            colorArray[4]="橙色";
            colorArray[5]="绿色";
            colorArray[6]="灰色";
            colorArray[7]="紫色";
            colorArray[8]="墨绿色";
            colorArray[9]="暗红色";
            return colorArray;
        }
        //点击选择框动态生成下拉框中内容
        function showcolor(obj){
            var colorSel= document.getElementById("example");
            var array = initcolorArray();
            for(i=0;i<array.length;i++){
                colorSel.options[i]=new Option(array[i],i);
            }
            colorSel.options[9].selected=true;
            obj.onclick="";
        }
        //初始化选择框
        function init(){
            var colorSel= document.getElementById("example");
            colorSel.options[0]=new Option("暗红色",0);
        }    
        window.onload=initcolorArray;
    </script>
     </HEAD>
     <BODY>
        颜色:<select style="120px" onMouseOver="showcolor(this);this.onmouseover=null;alert('here');" onclick="showcolor(this)" id="example"></select>
     </BODY>
     <script language="javascript">
        init();
     </script>
    </HTML>
    
  • 相关阅读:
    厦门主要IT企业名单(至20071205)
    空,无
    扩展TextBox控件 荣
    我写的C++控件基类 荣
    扩展DataGrid 荣
    对重构的理解 荣
    C#中的委托与事件 荣
    CommunityServer中的代码页面分离 荣
    Oracle创建表空间,导出数据库,导入数据库 荣
    C#中的修饰符 荣
  • 原文地址:https://www.cnblogs.com/xiaocai0923/p/2178580.html
Copyright © 2011-2022 走看看