`
liuhaixiao
  • 浏览: 148298 次
  • 性别: 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);
        }
    }
}
分享到:
评论

相关推荐

    无刷新联动下拉列表框

    4. 兼容性测试:确保方案在主流浏览器上表现良好,包括IE、Chrome、Firefox等。 总结,无刷新联动下拉列表框是提升用户体验的关键技术之一。通过ASP.NET和AJAX,我们可以实现高效的页面交互,提高网站的响应速度和...

    省市联动的二级菜单,支持IE8和firefox

    在标题和描述中提到的支持"IE8和Firefox",意味着这个二级菜单的实现考虑了这两款浏览器的历史版本。IE8是Internet Explorer系列的一个较旧版本,对于前端开发者来说,它常常是兼容性挑战的一部分,因为它对某些现代...

    JS+XML 省市区三级联动 支持ie,firefox,Opera

    综上所述,"JS+XML 省市区三级联动 支持ie,firefox,Opera"这个项目旨在提供一个跨浏览器的解决方案,利用JavaScript和XML技术实现在网页上创建一个交互式的省市区选择器。这个方案不仅可以提高用户体验,还能适应...

    JS + XML 联动菜单 支持IE、FireFox

    标题 "JS + XML 联动菜单 支持IE、FireFox" 描述了一种使用JavaScript(JS)和XML技术实现的跨浏览器联动菜单。这种菜单通常在网页中用于下拉选择,例如省市县的选择,其中一项的选择会动态更新下一级菜单的内容。...

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

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

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

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

    省市县三级联动(支持ie ff)

    本项目名为"省市县三级联动(支持ie ff)",意味着它不仅适用于现代浏览器,如Firefox(FF),还兼容较为老旧的Internet Explorer(IE)浏览器。 首先,我们来了解一下三级联动的基本概念。在网页上,三级联动指的是...

    无刷新 省市县三级联动下拉列表

    3. 兼容性:确保代码兼容主流浏览器,包括IE、Chrome、Firefox等。 4. 性能优化:对于大数据量的地区信息,可以考虑使用懒加载策略,只在用户滚动到相应区域时才加载相应的数据。 5. 可配置化:允许开发者通过配置...

    javascript下拉联动

    // 兼容IE, NS, Firefox等浏览器 if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } var url = "${...

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

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

    兼容IE FF 省级三级联动

    例如,IE的ActiveXObject、document.all等特性与Firefox不兼容,需要使用条件注释或现代JavaScript库(如jQuery)来处理兼容性问题。 5. **JavaScript/jQuery实现**:通常使用JavaScript或者jQuery来实现这种联动...

    JavaScript 二级联动下拉列表

    示例代码中提到了对 IE6 和 Firefox 的支持。这表明在编写 JavaScript 代码时需要注意浏览器兼容性问题。例如,在创建 XMLHttpRequest 对象时,不同的浏览器可能需要使用不同的方法来创建,因此需要进行适当的检查和...

    年月日三级联动下拉列表

    4. 考虑兼容性:确保这个功能在主流的浏览器上都能正常工作,包括Chrome、Firefox、Safari、Edge以及旧版本的IE。 5. 响应式设计:如果网站是响应式的,那么三级联动下拉列表也需要适应不同屏幕尺寸。可能需要调整...

    Xml+JS省市县三级联动(兼容IE FF)

    "Xml+JS省市县三级联动(兼容IE FF)"就是一个这样的解决方案,它利用JavaScript(JS)语言处理XML文件,实现了在不同浏览器(如Internet Explorer和Firefox)中都可正常运行的联动效果。 XML(Extensible Markup ...

    三级联动效果,很经典的

    压缩包子文件的文件名"三级联动(firefox+IE测试通过).html"表明这可能是一个HTML文件,里面包含了实现三级联动效果的HTML结构以及内联JavaScript代码。打开这个文件,我们可以看到HTML元素如`&lt;select&gt;`标签用于创建...

    用JavaScript写的年月日三级联动

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

    少有的城市四级联动的js弹出选择框

    6. **兼容性处理**:为了确保在不同浏览器(如Chrome、IE、Firefox等)上都能正常工作,开发者需要考虑浏览器之间的差异,可能需要使用一些库(如jQuery)或者polyfills来处理兼容性问题。 7. **前端框架**:在给定...

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

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

Global site tag (gtag.js) - Google Analytics