<html>
<head>
<title>三表二级联动菜单</title>
</head>
<body>
<p>
<select name="noa" id="a" onChange="">
<option value="" id="" selected>-请选择-</option>
<option value="aaba" id="a1">000a</option>
<option value="acba" id="ba">00ba</option>
<option value="safa" id="c3">0cba</option>
<option value="ahbc" id="bc">dcba</option>
</select>
<select name="nob" id="b" onChange="">
<option value="" id="" selected>-请选择-</option>
<option value="bbab" id="b1">000b</option>
<option value="cbec" id="c2">000c</option>
<option value="ddcc" id="f3">000d</option>
<option value="eeff" id="e4">000e</option>
<option value="fgff" id="f5">000f</option>
<option value="ggfg" id="g6">000g</option>
<option value="hhgg" id="d7">000h</option>
<option value="ifdb" id="i8">000i</option>
</select>
<br>
<br>
其中列表noa由数据库表A动态生成，<br>
列表nob由数据库表B动态生成，其中A表和B表由C表关联，C表有两个字段aID和bID，举例如下：<br>
aID bID<br>
------------------------------<br>
a1 b1<br>
a1 c2<br>
a1 f5<br>
a1 i8<br>
ba f3<br>
ba e4<br>
c3 d7<br>
bc g6<br>
bc f3<br>
bc c2<br>
—————————————————————————<br>
要求是：<br>
列表noa选择000a(a1)的时候，列表nob选项有且只有:-请选择-、000b、000c、000f、000i(b1、c2、f5、i8)；<br>
列表noa选择00ba(ba)的时候，列表nob选项有且只有:-请选择-、000d、000e(f3、e4)；<br>
列表noa选择0cba(c3)的时候，列表nob选项有且只有:-请选择-、000h(d7)；<br>
列表noa选择dcba(bc)的时候，列表nob选项有且只有:-请选择-、000g、000d、000c(g6、f3、c2)；<br>
</p>
<p>（括号内为表C关联的id值）</p>
</body>
</html>
-
等级
本版专家分：55结帖率 94.59% -
展开阅读全文
-
等级
本版专家分：317勋章
-
- 红花 2003年1月 C/C++大版内专家分月排行榜第一
-
- 黄花 2002年12月 C/C++大版内专家分月排行榜第二
-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test select</title>
<style type="text/css">
div {margin:2px;}
body>div {margin:8px; padding:4px; border:solid 2px #e0e0e0;}
</style>
<script type="text/javascript">
var itemMap = {
"a1":{
"" : {value:"",text:"-- 请选择 --"},
"b1" : {value:"bbab",text:"000b"},
"c2" : {value:"cbec",text:"000c"},
"f5" : {value:"fgff",text:"000f"},
"i8" : {value:"ifdb",text:"000i"}
},
"ba":{
"" : {value:"",text:"-- 请选择 --"},
"f3" : {value:"ddcc",text:"000d"},
"e4" : {value:"eeff",text:"000e"}
},
"c3":{
"" : {value:"",text:"-- 请选择 --"},
"d7" : {value:"ffgg",text:"000h"}
},
"bc":{
"" : {value:"",text:"-- 请选择 --"},
"g6" : {value:"ggfg",text:"000g"},
"f3" : {value:"ddcc",text:"000d"},
"c2" : {value:"cbec",text:"000c"}
}
};
function clearChildNodes(elem){
while(elem && elem.hasChildNodes()){
elem.removeChild(elem.firstChild);
}
}
function doSomeThing(event){
var evt = event || window.event;
var srcElem = evt.target || evt.srcElement;
var srcId = srcElem.options[srcElem.selectedIndex].id;
var listElem = document.getElementById("blist");
var optElem;
var textElem;
var listItems = itemMap[srcId];
var item;
if( srcElem && listElem && itemMap[srcId]){
clearChildNodes(listElem);
for(item in listItems){
optElem = document.createElement("option");
textElem = document.createTextNode(listItems[item].text);
optElem.appendChild(textElem);
optElem.setAttribute("value",listItems[item].value);
optElem.setAttribute("id",item);
listElem.appendChild(optElem);
}
}
}
</script>
</head>
<body>
<div>
<div>这是你要的结果</div>
<div>但是一定要这样子吗？ option 加上 ID 感觉怪怪的……</div>
<select name="noa" id="alist" onchange="doSomeThing(event)">
<option value="" selected>-请选择-</option>
<option value="aaba" id="a1">000a</option>
<option value="acba" id="ba">00ba</option>
<option value="safa" id="c3">0cba</option>
<option value="ahbc" id="bc">dcba</option>
</select>
<select name="nob" id="blist" onchange="">
<option value="" selected>-请选择-</option>
</select>
</div>
<div>
<div>这样行不行？</div>
<select onchange="doOtherThing(event)">
<option value="" selected>--请选择--</option>
<optgroup label="000a">
<option value="aaba,bbab"> 000b </option>
<option value="aaba,cbec"> 000c </option>
<option value="aaba,fgff"> 000f </option>
<option value="aaba,ifdb"> 000i </option>
</optgroup>
<optgroup label="00ba">
<option value="acba,ddcc"> 000d </option>
<option value="acba,eeff"> 000e </option>
</optgroup>
<optgroup label="0cba">
<option value="safa,ffgg"> 000h </option>
</optgroup>
<optgroup label="dcba">
<option value="ahbc,ggfg"> 000g </option>
<option value="ahbc,ddcc"> 000d </option>
<option value="ahbc,cbec"> 000c </option>
</optgroup>
</div>
</body>
</html>
-
等级
本版专家分：55
-
楼上的不行的，寒……
-
等级
本版专家分：317勋章
-
- 红花 2003年1月 C/C++大版内专家分月排行榜第一
-
- 黄花 2002年12月 C/C++大版内专家分月排行榜第二
-
-
这不是你要的吗？
你可能没仔细看吧。用浏览器打开这个文件看看就知道了。
-
等级
本版专家分：55
-
首先要感谢 rushman 兄弟的热心！
可惜的是你给的代码偶还是用不成，所以 才说不行！汗……
可能是你没有仔细看，困惑我的主要是怎么用第三个表（也就是C表）来判断A、B表之间的联动关系！
-
等级
本版专家分：317勋章
-
- 红花 2003年1月 C/C++大版内专家分月排行榜第一
-
- 黄花 2002年12月 C/C++大版内专家分月排行榜第二
-
-
是啊，我就是根据你的 C 表写的映射变量 itemMap ,然后自动生成第二个 <select> 的。
-
等级
本版专家分：15 -
首先确定一点，你的数据在什么地方？在HTML里面还是数据库里？
不过既然这里是ajax板块，我想应该是数据库里通过ajax获取吧？至少这是我的做法～
先生成selectA，至于其options用后台语言填充还是用ajax这个随意。
修改selectA.onchange()。使其触发ajax申请，将查询条件x传给后台处理。后台根据此条件查询数据库中的表C，然后将结果返回。
在ajax的回调函数中处理返回的数据，将其填充到selectB的options中。
这个方法是在JS+AJAX+PHP结构中使用的，不知道有没有帮助～～
-
等级
本版专家分：55
-
数据在什么地方？在数据库里！
完全不懂ajax，郁闷啊……高手帮忙！
关键是C表的数据只是举的一个例子；现在偶就是不知道该怎么从数据库的C表里来弄A、B的联动。
-
等级
本版专家分：317勋章
-
- 红花 2003年1月 C/C++大版内专家分月排行榜第一
-
- 黄花 2002年12月 C/C++大版内专家分月排行榜第二
-
-
根据数据库生成文本应该会吧？
既然可以生成 html ，那生成一段脚本（变量 itemMap）会有什么问题吗？
-
等级
本版专家分：55
-
没有生成 html ！那生成一段脚本（变量 itemMap）会有什么问题吗？——很有问题！^_^
-
等级
本版专家分：317勋章
-
- 红花 2003年1月 C/C++大版内专家分月排行榜第一
-
- 黄花 2002年12月 C/C++大版内专家分月排行榜第二
-
-
啊！
服务器端用的是什么？ASP？
数据库的表具体是如何定义的？
- C语言数字三角形求救！
数字三角形2 Time Limit:1000MS Memory Limit:65535K 题型: 编程题 语言: 无限制 描述 由键盘输入正奇数N，输出如下图所示的（N+1）/2 行的数字三角 ...输出如题所述数字三角，为了输出美观，每个数字占5个字符位...
- 求救！！！PHP MySql 插入数据，保存二次!
$sql = "INSERT INTO user (name,age) VALUES ('zhodan','30')"; if (mysqli_query($conn, $sql)) { ...求救！！！！！！ 这段代码，直接去运行常，为什么通过ajax跨域请求，数据就会被保存二次？？？？？？？，
- 想做一个包括三维立体视图的安卓程序，应该用什么软件？菜鸟求救！！！
我们参加了软件大赛，但是学的技术实在太狭隘，连想做一个程序该用什么软件都不知道 ，求大神们指点！！！求救
- 求救！！！！！！！！！！
如何只用action调用公安的身份信息核查https://ws.nciic.org.cn/nciic_ws/services/Nciicservices?wsdl查询身份信息，使用SOAP发送请求，并判断名字和身份证号是否一致？ ... 就可以查询身份信息。...
- 求救！！！！！HessianProxy cannot connect to xxxxx
我们系统中调用了另一个系统的服务端的Hessian接口，调用正常没有问题，但是运行一段时候（一般为一天两天）后，报连接不上的错误。重启我们的系统应用之后又正常了，一段时候之后又报错。 查了资料这类报错一般都...
- Thymeleaf赋值问题求救！！！
<div class="progress-bar progress-bar-warning" style="width: 45%;"> 各位大神，style里面的值怎么通过thymeleaf来赋值呀，麻烦各位大神帮帮忙啊，找了好久都没找到解决的方式，麻烦各位了！...
- 求救！如何查看记事本菜单id，如另存为这个菜单的id
如题，毕设做一个VC的程序要用到，各位路过的大侠帮帮忙啊！spy++可以吗，怎么用呢
- 正则表达式的写法，求救！！！！！！
正则表达式表示：包括大写字母、小写字母、数字、符号至少2种，密码长度8-32位。 这个怎么写呢？求救！
- 求救！！！密码验证系统，求教错在哪里
#include #include #include #include void password() { char pwd[21]=""; //定义字符数组存储密码 char ch; int i,j; system("cls"); //清屏 for(i=1;i;i++) //i控制密码输入的次数 ...我用的是Dev C++编译器
- 求救！！WannaCry勒索病毒感染
个人原本在测试勒索病毒样本，结果不小心忘拔掉电脑上的U盘，U盘被感染了…… 请问如果这时直接插到电脑补救（我是在虚拟机运行的U盘），电脑也会被感染吗？ 急！！！！求电脑大神指教
- 走迷宫问题求救！急！
系统给出一个12×12的迷宫，编写一个递归函数来穿越迷宫，使用一个简单的算法，即将右手放在墙上，然后开始前进，最终必然会找到出口。 请编写递归函数来穿越迷宫，这个函数将接受一个表示迷宫的12×12的数组作为...
- 求救！！！deepin系统关机和重启出现黑屏
提示说是：3 table load failures, 下面还有什么：could not install pciconfig handler for root bridge…… 网上的更改/etc/default/grub的方法已经试过了，但是没有解决问题。求助大神。 ...
- 求救！！！！！！！solr创建core报错
mycollection1_shard2_replica1: org.apache.solr.common.cloud.ZooKeeperException:org.apache.solr.common.cloud.ZooKeeperException: Could not find configName for collection mycollection1 found:[myconf, ...
- 紧急求救！！！捉急呀！！！！
项目运行出现如下错误 Result Maps collection already contains value for com.jianpai.vegetablecalf.dao.IndentMapper.BaseResultMap
- 求救！qq第三方登入接口的申请网站登入不了
appid 和 appkey 都有的但是访问qq登录页面的时候页面返回 100008 ，说不存在该appid。 appid我是在腾讯的管理中心那里复制过来的 肯定错不了。 是在本地访问的 localhost 和 127.0.0.1，都不行
- AMS直播，将rtmp转会为HLS求救！！！
最近项目涉及到要用AMS(Adobe media server)做视频直播，将摄像头产生的rmtp视频流 转换为hls，一直配置不成功。后来也有尝试Nginx-rtmp-module ,也是配置不成功，求 大神指导，任一一种方式都可以的。...
- 小白求救！opencv3错误： LNK2019 无法解析的外部符号
标题 标题 小白求救！错误 LNK2019 无法解析的外部符号 opencv3 小白求救！错误 LNK2019 无法解析的外部符号 opencv3 本人小白一枚 正在学opencv3 搞出个错误怎么改都搞不掉 求大神指正！ 错误明细： ...
- 新手求救！EXTJS5的tree菜单如何实现右键菜单的问题
EXTJS5的tree菜单右键点击节点时显示右键菜单，添加，删除，修改的操作
- 新人求救！Extjs5tree菜单上复选框的选中状态
tree.on('checkchange', function checkchange(node, checked) { if (checked) { checkParentNode(node.parentNode, checked); } checkChildNode(node, checked); }); function checkChildNode(node, checked...
- 求救！kafka maven依赖冲突问题
小弟目前在写毕业设计项目，其中涉及到kafka javaapi的一段代码： ``` import kafka.javaapi.producer.Producer;...查询了各种办法都解决不掉，也不知道是不是这个问题导致上述报错，特来求救，感激不尽~~
- 求救！qq第三方登入接口的申请网站登入不了怎么回事
- winio Initialize 失败，求救！！
最近想使用winio，结果初始化就不行。我的操作系统是64位win7，使用的jdk是32位的1.7版本。根据网上的说法已经将WinIo32.dll、WinIo32.sys文件都放到java的bin目录下了，也尝试了使用管理员权限运行了该程序。...
- 求救！！！Delphi调用webService传递XML参数
其中数据上传是对直接上传学生体测数据到山东省学生体质健康标准数据管理系统的接口设计描述，其中包含三个参数，一是加密后的用户信息，二是需要同步的体测数据，三是上传数据的设备所属厂商及数据上传学校标识码等...
- 大神求救！！！基础学生综合信息管理系统有三个功能运行不了
#include #include #include #include #define N 100 ... printf("1.... printf("3.... printf("5.... printf("7.... score[i].number,score[i].name,score[i].sex,score[i].yw,score[i].sx,score[i].yy,score[i...
- Hyper-V 安装Ubuntu系统出问题，求救！！
- virtools和drools能否一起使用,求救！！！！！！！！！！！！
想用virtools做一个仿真的实验室，但是关于行为的判断想用drools规则引擎。有没有大神做过这种事或者知道virtools和drools能不能互相通信，一起使用，只有个思路也行。感激不尽！！
- ModuleNotFoundError: No module named 'alipay.aop' 怎么解决？百度无果，小白求救！！！
运行支付宝支付的代码如下 #!/usr/bin/env python -- coding: utf-8 -- import logging from alipay.aop.api.AlipayClientConfig import AlipayClientConfig from alipay.aop.api.DefaultAlipayClient import ...