`
liuhaixiao
  • 浏览: 143429 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

支持fireFox IE 的下拉联动框

阅读更多
<script language="javascript">//定义 下拉菜单显示的数据
var sysArray = [{id:'1',sysno:'3',sysname:'反恐精英',display:'no'},
                            {id:'2',sysno:'2',sysname:'星际争霸',display:'yes'},
                            {id:'3',sysno:'1',sysname:'由我世界',display:'yes'}];
 var typeArray = [{id:'1',typeid:'C004',typename:'游戏道具问题',sysno:'1'},
                            id:'2',typeid:'C001',typename:'帐户问题',sysno:'1'},
                            {id:'3',typeid:'S002',typename:'积分问题',sysno:'2'},
                            {id:'4',typeid:'C003',typename:'游戏登录问题',sysno:'1'},
                            {id:'5',typeid:'C002',typename:'充值问题',sysno:'1'},
                            {id:'6',typeid:'S001',typename:'游戏操作',sysno:'2'}];
</script>

function initSelect(){ \\在也页面的onload 事件里面调用
    initSysSelect();
    initTypeSelect();
}

function initSysSelect(){ \\初试化第一个下拉菜单
    var optionStr ="";
    var sysSelectObj = document.getElementById("subSelect");
    for(var i=0;i<sysArray.length;i++){
        if(sysArray[i].display != "no"){
            var op = new Option(sysArray[i].sysname,sysArray[i].sysno);
            sysSelectObj.options.add(op);
        }
    }
}
function initTypeSelect(){\\根据第一个下拉菜单的值,初试化第二个菜单
    var sysSelectValue = document.getElementById("subSelect").value;
    var typeSelectObj = document.getElementById("typeSelect");
    for(var i=0;i<typeArray.length;i++){
        if(sysSelectValue == typeArray[i].sysno ){
            var op = new Option(typeArray[i].typename,typeArray[i].typeid);
            typeSelectObj.options.add(op);  \\IE 与firefox 有有区别。这样写支持IE,firefox
        }
    }
}

function changTypeSelect(){//在第一个菜单的onchange事件里面调用
    var sysSelectValue = document.getElementById("subSelect").value;
    var typeSelectObj = document.getElementById("typeSelect");
    typeSelectObj.innerHTML="";
    for(var i=0;i<typeArray.length;i++){
        if(sysSelectValue == typeArray[i].sysno ){
            var op = new Option(typeArray[i].typename,typeArray[i].typeid);
            typeSelectObj.options.add(op);
        }
    }
}
分享到:
评论

相关推荐

    无限级联动下拉菜单 V1.03

    四、本程序在(Win2003平台)ie6 ie7 opera9 firefox3 chrome0.2 safari3.1下测试通过。 五、可轻松整合各大著名CMS,如帝国等,方便自定义模型的扩展。 备注:内置两个数据JS,一个全国城市省市地区数据,一个人才...

    jquery 通用三级联动下拉列表.rar

    jquery 通用三级联动下拉列表 , 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,chrome不支持,XML...

    jQuery 通用三级下拉联动菜单插件增强版

    内容索引:脚本资源,jQuery,下拉菜单,三级联动 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,...

    联动菜单插件

    联动菜单插件,多级联动下拉菜单。多级别多数量联动下拉菜单,本程序在(os:win2003)ie6 ie7 opera9 firefox3 chrome0.2 safari3.1下测试通过

    适用与firefox ASP.NET无刷新二级联动下拉列表

    为了这个我差不多搞了两天,就是如果提交窗体后如何保持第二个列表框的值,因为通过js 给下拉框添加条目那么他的状态是不会被保存的测试平台:ie6,firefox 功能:二级无刷新连动 特点:跨浏览器;提交窗体取第二下拉框...

    用JavaScript写的年月日三级联动

    用标准JavaScript实现的年月日下拉列表三级联动,支持IE6、FireFox3。

    省份城市地区-联动下拉菜单-jquery+xml

    jquery+xml 省份 城市 区域 三...IE与firefox测试通过. 可加载默认项 里面附带例子^ ^ PS: 测试时 IE或chrome 用户请不要直接双击执行,因为这样是物理路径,不能加载xml. 请放到服务器下,如http://localhost/area 执行

    smarty ajax 下拉框二级联动

    Smarty + Ajax 下拉菜单二级联动: 1. 建立数据库ajaxtest (使用utf8) ...3. 导入表 product.sql --- 主产品 ...以上经过Ie 和 Firefox测试 都没有问题!若有遇到问题的可以联系! qq:306112599 msn:jiajia20081@hotmail.com

    Asp.net二级下拉框无刷新联动

    Asp.net二级下拉框无刷新联动。网上的例子不是这不行就是那不行,这个例子我费了好大劲才调通。IE和FireFox都能用,里面附有建表问。欢迎大家提意见进行改进。

    jquery+json 通用三级联动下拉列表

    支持IE/firefox,chrome不支持,有兴趣的可以将读取XML的部分改成AJAX的方式,这样chrome支持就不成问题 第二个是采用Json数据格式构建,是我的第二次尝试改进 第三个与第二个其实是一样的,只不过将数据分离到JS...

    JavaScript应用177例

    1.对于代码35.1.htm,使用Mozilla Firefox浏览器可直接运行,如果使用IE浏览器,需要在服务器端运行。 2.对于代码35.2.html,需要IIS+PHP+MySQL或Apache+PHP+MySQL环境支持 35.1.htm 读取XML文档 35.2....

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

Global site tag (gtag.js) - Google Analytics