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 = "數值";


    诗词在线
    http://www.chinapoesy.com
    诗词在线 |唐诗|宋词|元曲|现代诗歌|外国诗歌
    126在线阅读网
    http://www.Read126.cn
    126在线阅读网 人物传记、古典名著、历史书籍。。。
  • 相关阅读:
    代码是什么
    关于程序
    信息系统分析三原则
    设计的一个原则,妥协,不完美
    Algs4-1.4.30一个栈和一个steque实现的双向队列
    Algs4-1.4.31三个栈实现的双向队列
    Algs4-1.4.29两个栈实现的steque
    Algs4-1.4.27两个栈实现队列
    Algs4-1.4.28一个队列实现的栈
    *Algs4-1.4.26-三点共线-(未解决)
  • 原文地址:https://www.cnblogs.com/adandelion/p/1424668.html
Copyright © 2011-2022 走看看