Javascript 如何将Jquery链接应用于多个父方法

Javascript 如何将Jquery链接应用于多个父方法,javascript,jquery,Javascript,Jquery,需要根据级别和学期选择器值筛选课程详细信息。我们尝试使用 (一个子项也可以有两个父项。链接到多个父项的子项的可用选项取决于一个或两个父项选择的值) 这里是我们尝试的代码(删除所有链接选择代码,以获得清晰的想法) 一级 二级 三级 第一学期 第二学期 多媒体 植物学实习2 遗传学 植物多样性的统一与进化 植物解剖学 科学方法与生物特征 高级生态学 高级植物病理学 高等微生物学 经济植物学 种植制度 食品技术 在这里,课程将如何根据级别和学期进行筛选 但无法理解如何应用该代码。请帮助我们 Jq

需要根据级别和学期选择器值筛选课程详细信息。我们尝试使用

(一个子项也可以有两个父项。链接到多个父项的子项的可用选项取决于一个或两个父项选择的值)

这里是我们尝试的代码(删除所有链接选择代码,以获得清晰的想法)


一级
二级
三级
第一学期
第二学期
多媒体
植物学实习2
遗传学
植物多样性的统一与进化
植物解剖学
科学方法与生物特征
高级生态学
高级植物病理学
高等微生物学
经济植物学
种植制度
食品技术
在这里,课程将如何根据级别和学期进行筛选

但无法理解如何应用该代码。请帮助我们


Jquery代码:

您应该将select与它们的id链接起来

$("#course_id").chained("#level_id, #semester_id");

编辑:添加了一个测试提琴:


编辑2:为了获得前面两个列表上的过滤器,类应该由两个值组成,这两个值之间用
\
(例如,对于第一个学期和第一个级别,类应该是
level-1\sterm-1
。更新的fiddle:。

您也可以粘贴实际的Javascript代码吗?我认为它应该在
jquery中。chained.js
问题是如何应用类详细信息,这个插件有模式如何应用..示例:-主下拉值用作秒。)ond下拉类值不知道如何应用课程下拉类值我添加了一个提琴来演示如何应用类:事实上,您必须应用的类是来自“父”的值选择。朋友筛选器仅适用于级别选择。首先选择级别,然后选择学期,这不是使用学期进行筛选。。哦,对不起,是的,你必须用``而不是空格来分隔这两个值。更新的小提琴:。谢了@Samuelcailerie!这段代码为我节省了很多时间。我已经将其分叉,并为“其他”做了一个选项输入文本框。
$("#course_id").chained("#level_id, #semester_id");