<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);
}
}
}
分享到:
相关推荐
四、本程序在(Win2003平台)ie6 ie7 opera9 firefox3 chrome0.2 safari3.1下测试通过。 五、可轻松整合各大著名CMS,如帝国等,方便自定义模型的扩展。 备注:内置两个数据JS,一个全国城市省市地区数据,一个人才...
jquery 通用三级联动下拉列表 , 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,chrome不支持,XML...
内容索引:脚本资源,jQuery,下拉菜单,三级联动 用Jquery实现的三级联动下拉列表插件,压缩包内有多个不同的版本,其实现的基本原理大同小异,无非是调用方式的不同,第一个是通过读取XML构建,支持IE/firefox,...
联动菜单插件,多级联动下拉菜单。多级别多数量联动下拉菜单,本程序在(os:win2003)ie6 ie7 opera9 firefox3 chrome0.2 safari3.1下测试通过
为了这个我差不多搞了两天,就是如果提交窗体后如何保持第二个列表框的值,因为通过js 给下拉框添加条目那么他的状态是不会被保存的测试平台:ie6,firefox 功能:二级无刷新连动 特点:跨浏览器;提交窗体取第二下拉框...
用标准JavaScript实现的年月日下拉列表三级联动,支持IE6、FireFox3。
jquery+xml 省份 城市 区域 三...IE与firefox测试通过. 可加载默认项 里面附带例子^ ^ PS: 测试时 IE或chrome 用户请不要直接双击执行,因为这样是物理路径,不能加载xml. 请放到服务器下,如http://localhost/area 执行
Smarty + Ajax 下拉菜单二级联动: 1. 建立数据库ajaxtest (使用utf8) ...3. 导入表 product.sql --- 主产品 ...以上经过Ie 和 Firefox测试 都没有问题!若有遇到问题的可以联系! qq:306112599 msn:jiajia20081@hotmail.com
Asp.net二级下拉框无刷新联动。网上的例子不是这不行就是那不行,这个例子我费了好大劲才调通。IE和FireFox都能用,里面附有建表问。欢迎大家提意见进行改进。
支持IE/firefox,chrome不支持,有兴趣的可以将读取XML的部分改成AJAX的方式,这样chrome支持就不成问题 第二个是采用Json数据格式构建,是我的第二次尝试改进 第三个与第二个其实是一样的,只不过将数据分离到JS...
1.对于代码35.1.htm,使用Mozilla Firefox浏览器可直接运行,如果使用IE浏览器,需要在服务器端运行。 2.对于代码35.2.html,需要IIS+PHP+MySQL或Apache+PHP+MySQL环境支持 35.1.htm 读取XML文档 35.2....
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...