<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是Internet Explorer系列的一个较旧版本,对于前端开发者来说,它常常是兼容性挑战的一部分,因为它对某些现代...
综上所述,"JS+XML 省市区三级联动 支持ie,firefox,Opera"这个项目旨在提供一个跨浏览器的解决方案,利用JavaScript和XML技术实现在网页上创建一个交互式的省市区选择器。这个方案不仅可以提高用户体验,还能适应...
标题 "JS + XML 联动菜单 支持IE、FireFox" 描述了一种使用JavaScript(JS)和XML技术实现的跨浏览器联动菜单。这种菜单通常在网页中用于下拉选择,例如省市县的选择,其中一项的选择会动态更新下一级菜单的内容。...
jquery 通用三级联动下拉列表 , 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,chrome不支持,XML...
四、本程序在(Win2003平台)ie6 ie7 opera9 firefox3 chrome0.2 safari3.1下测试通过。 五、可轻松整合各大著名CMS,如帝国等,方便自定义模型的扩展。 备注:内置两个数据JS,一个全国城市省市地区数据,一个人才...
本项目名为"省市县三级联动(支持ie ff)",意味着它不仅适用于现代浏览器,如Firefox(FF),还兼容较为老旧的Internet Explorer(IE)浏览器。 首先,我们来了解一下三级联动的基本概念。在网页上,三级联动指的是...
3. 兼容性:确保代码兼容主流浏览器,包括IE、Chrome、Firefox等。 4. 性能优化:对于大数据量的地区信息,可以考虑使用懒加载策略,只在用户滚动到相应区域时才加载相应的数据。 5. 可配置化:允许开发者通过配置...
// 兼容IE, NS, Firefox等浏览器 if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } var url = "${...
内容索引:脚本资源,jQuery,下拉菜单,三级联动 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,...
例如,IE的ActiveXObject、document.all等特性与Firefox不兼容,需要使用条件注释或现代JavaScript库(如jQuery)来处理兼容性问题。 5. **JavaScript/jQuery实现**:通常使用JavaScript或者jQuery来实现这种联动...
示例代码中提到了对 IE6 和 Firefox 的支持。这表明在编写 JavaScript 代码时需要注意浏览器兼容性问题。例如,在创建 XMLHttpRequest 对象时,不同的浏览器可能需要使用不同的方法来创建,因此需要进行适当的检查和...
4. 考虑兼容性:确保这个功能在主流的浏览器上都能正常工作,包括Chrome、Firefox、Safari、Edge以及旧版本的IE。 5. 响应式设计:如果网站是响应式的,那么三级联动下拉列表也需要适应不同屏幕尺寸。可能需要调整...
"Xml+JS省市县三级联动(兼容IE FF)"就是一个这样的解决方案,它利用JavaScript(JS)语言处理XML文件,实现了在不同浏览器(如Internet Explorer和Firefox)中都可正常运行的联动效果。 XML(Extensible Markup ...
压缩包子文件的文件名"三级联动(firefox+IE测试通过).html"表明这可能是一个HTML文件,里面包含了实现三级联动效果的HTML结构以及内联JavaScript代码。打开这个文件,我们可以看到HTML元素如`<select>`标签用于创建...
用标准JavaScript实现的年月日下拉列表三级联动,支持IE6、FireFox3。
6. **兼容性处理**:为了确保在不同浏览器(如Chrome、IE、Firefox等)上都能正常工作,开发者需要考虑浏览器之间的差异,可能需要使用一些库(如jQuery)或者polyfills来处理兼容性问题。 7. **前端框架**:在给定...
jquery+xml 省份 城市 区域 三...IE与firefox测试通过. 可加载默认项 里面附带例子^ ^ PS: 测试时 IE或chrome 用户请不要直接双击执行,因为这样是物理路径,不能加载xml. 请放到服务器下,如http://localhost/area 执行