zoukankan      html  css  js  c++  java
  • 使用js 在IE和火狐firfox 里动态增加select 的option

    使用js 在IE和火狐firfox 里动态增加select 的option

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function SelectTypeChange()
    {
        var ObjSelect = document.getElementById("SelectType");
        var ObjSelect2 = document.getElementById("SelectFlowerBianbian");
        var StrText = "朵鲜花";
        if( ObjSelect !=null && ObjSelect2 != null)
        {
            if(ObjSelect.options[ObjSelect.options.selectedIndex].value == 2)
            {
            StrText = "个炸弹";
            }
            ObjSelect2.options.length =0;
            for(var i=0; i<6; i++){
                var newOption11=new Option(i + StrText,i);
                ObjSelect2.options.add(newOption11);
                }
           
        }
       
    }
    //-->
    </SCRIPT>
    <BODY>
    <select name="SelectType" id="SelectType"  onchange="SelectTypeChange();">
    <option value="1">送鲜花</option><option value="2">送炸弹</option>
    </select>

    <select name="SelectFlowerBianbian" id="SelectFlowerBianbian"><option value="0">0朵鲜花</option><option value="1">1朵鲜花</option><option value="2">2朵鲜花</option><option value="3">3朵鲜花</option><option value="4">4朵鲜花</option><option value="5">5朵鲜花</option></select>
    </BODY>
    </HTML>

    用下面地来增加option项目在火狐里是不行的

    var oOption = document.createElement("OPTION");
    document.getElementById("IdOfOpt").options.add(oOption);
    oOption.Text = "顯示的文字"; // 或用 oOption.innerText = "..."
    oOption.Value = "數值";

  • 相关阅读:
    Aurora 数据库支持多达五个跨区域只读副本
    Amazon RDS 的 Oracle 只读副本
    Amazon EC2 密钥对
    DynamoDB 读取请求单位和写入请求单位
    使用 EBS 优化的实例或 10 Gb 网络实例
    启动 LAMP 堆栈 Web 应用程序
    AWS 中的错误重试和指数退避 Error Retries and Exponential Backoff in AWS
    使用 Amazon S3 阻止公有访问
    路由表 Router Table
    使用MySQLAdmin工具查看QPS
  • 原文地址:https://www.cnblogs.com/linuxOS/p/3570125.html
Copyright © 2011-2022 走看看