简单医药项目的疾病分类二级联动

非常简单的一个医药项目二级联动，根据一个地域二级联动改动而来

主要js代码如下

<script type="text/javascript">/** 说明:JS疾病联动* 时间:2012/9/8* 作者:宏鹰* 调用:凭栏   * var areaMap1 = new AreaMap1('province1','city1');* areaMap1.province('请选择科室','请选择疾病');* * <select id="province1" οnchange="areaMap1.city(this.value);"></select>* <select id="city1"></select>*/var AreaMap1 = function (provinceid, cityid) {var cityid = cityid;var provinceid = provinceid;var cityname;var provincename;var map = new Array(10);map[0] = new comefrom("请选择科室", "请选择疾病");map[1] = new comefrom("内科", "痛风|胆囊炎|肠梗阻|白血病|休克|贫血|血友病|过敏|甲状腺炎|侏儒症|中毒|心脏病|流行性感冒|慢性支气管炎|放射性肺炎|甲亢|心脏瓣膜病|心肌梗塞|先天性心脏病|心律失常|高血脂|冠心病|高血压|胰腺炎|肠结核|肺气肿|支气管炎|肺炎|肺结核|哮喘|感冒");map[2] = new comefrom("外科", "肠炎|脑积水|破伤风|烧伤|肠结核|直肠脱垂|肛门疣病|肛门湿疹|肛周脓肿|阑尾炎|结肠息肉|结肠炎|肛裂|肛瘘|痔疮|便秘");map[3] = new comefrom("男科", "附睾炎|遗精|早泄|阳痿|前列腺增生|前列腺炎");map[4] = new comefrom("妇产科", "宫颈癌|子宫颈息肉|宫颈糜烂|乳腺增生|乳腺癌|尿道炎|附件炎|宫颈炎盆腔炎|阴道炎|子宫内膜异位症");map[5] = new comefrom("儿科", "百日咳|川崎病|小儿感冒|婴幼儿腹泻|小儿哮喘|小儿多动症|小儿厌食症");map[6] = new comefrom("五官科", "牙龈炎|远视|口吃|口炎|散光|红眼病|咽炎|声带息肉|扁桃体炎|喉炎|鼻炎|鼻囊肿|鼻窦炎|鼻息肉|中耳炎|外耳炎症|耳聋|耳鸣|牙髓炎|口腔溃疡|龋齿|口腔正畸|沙眼|斜弱视|近视|青光眼|白内障");map[7] = new comefrom("皮肤性病科", "多汗症|疥疮|痤疮|艾滋病|尿道炎|软下疳|尖锐湿疣|疱疹|非淋|阴虱|淋病|梅毒|狐臭|带状疱疹|毛囊炎|手足癣|色斑|鱼鳞病|白癜风|白发|脱发|荨麻疹|湿疹|皮炎|牛皮癣");map[8] = new comefrom("肿瘤科", "垂体瘤|大肠癌|皮肤癌|贲门癌|胆囊癌|食管癌|睾丸肿瘤|输尿管肿瘤|膀胱肿瘤|恶性淋巴瘤|急性白血病|神经胶质瘤|肺癌|脑瘤|骨癌|鼻咽癌|胰腺癌|甲状腺癌");map[9] = new comefrom("精神病科", "失眠|妄想症|脑梗死|偏头疼|脑出血|癫痫|帕金森|神经衰弱|抑郁症|精神分裂|中风|老年痴呆");map[10] = new comefrom("疾病科", "伤寒肠穿孔|有机磷杀虫药中毒|咬螫伤|高原病|中暑|毒蛇咬伤中毒|镇静催眠药中毒|失水|氨基甲酸酯类杀虫药中毒|高热惊厥|急腹症|拟除虫菊酯类杀虫药");function $(id) { return document.getElementById(id); }function comefrom(provinces, citys) { this.provinces = provinces; this.citys = citys; }return {province: function (provincename, cityname) {provincename = provincename;cityname = cityname;$(provinceid).options.length = 0;for (i = 0; i < map.length; i++) {$(provinceid).options.add(new Option(map[i].provinces, map[i].provinces));}if (provincename != '' && cityname != '') {$(provinceid).value = provincename;this.city(provincename);$(cityid).value = cityname;}},city: function (provincename) {$(cityid).options.length = 0;for (i = 0; i < map.length; i++) {if (map[i].provinces == provincename) {var citys = (map[i].citys).split("|");for (x = 0; x < citys.length; x++) {$(cityid).options.add(new Option(citys[x], citys[x]));}}}}}}
</script>

第二部分js代码，这个主要是固定下拉框的默认值，初始为 “请选择科室” “请选择疾病” 可根据需要自行改动

<script>var areaMap1 = new AreaMap1('province1', 'city1');areaMap1.province('请选择科室', '请选择疾病');//areaMap.province('内科','痛风');
</script>

第三部分 html代码

科室：<select name="keshi" id="province1" οnchange="areaMap1.city(this.value);"></select>
疾病：<select name="jibing" id="city1"></select>

简单医药项目的疾病分类二级联动相关推荐

分类二级联动 php,学习猿地-php实现二级联动菜单
php实现二级联动菜单的方法:首先根据大类的值,通过jQuery把值传给后台PHP处理:然后用PHP查询MySQl数据库,得到相应的小类:最后返回JSON数据给前端处理即可. jq+php+mysql ...
二级联动菜单，简单实现
/*** jQuery Linkage Menu** Copyright 2014, sunyingyuan* QQ: 1586383022* Email: yingyuansun@163.com** ...
ListView联动（二级联动）简单易懂
前段时间项目需求,需要做二级联动(左边列表点击联动右边列表,右边列表滑动联动左边列表)的需求,现在已经发版,抽时间总结,记录下来这里代码是新写的一个Demo,项目中的代码太多,逻辑太多,不好贴代码 ...
html省市二级简单联动,JS实现简单省市二级联动
刚始学习java刚好看到用js实现省市二级联动的效果,就想着写篇博客,顺便检验下自己的学习成果. 好了废话少说先看看实际效果: 技术分析: 要实现这个功能呢,首先要用到html+js 这里用建一个下拉 ...
简单的下拉列表的二级联动、省市
一.实现列表二级联动完整的HTML <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html">& ...
select三级联动怎么删除前一个的_python测试开发django57.xadmin选项二级联动
前言当我们选择项目分类的时候,一个项目下关联多个模块,同时有这两个选项框的时候,需要实现选中一个项目,模块里面自动删除出该项目下的模块,如下图这种解决基本思路: 1.写个jqeury脚本监听cha ...
php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
Android：高仿百度外卖、美团、淘点点二级联动效果！
美团,百度外卖的左右二级联动效果如下: 具体的效果建议打开手机软件玩玩. 分析首先我们一起分析一下这个界面给我们要怎么去实现. 1.最上面的ToolBar不用多解释,比较简单. 2.下面三个界面切换 ...

简单医药项目的疾病分类二级联动

简单医药项目的疾病分类二级联动相关推荐

最新文章

热门文章