Question

根据级别和学期选择器值，需要过滤课程详细信息。我们使用Chaining to Multiple Parents

进行尝试

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

这里我们尝试的代码（删除所有Chained Selects代码，以获得清晰的想法）

<html>
    <head>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery.chained.js"></script>

    </head>
    <body>

    <select name="level" id="level_id">
                 <option value="level-1">Level 1</option>
                 <option value="level-2">Level 2</option>
                 <option value="level-3">Level 3</option>
    </select>

    <select name="semester" id="semester_id">
                 <option value="semester-1">Semester 1</option>
                 <option value="semester-2">Semester 2</option>
     </select>


     <select name="course" id="course_id">
                 <option value="1">Multimedia</option>
                 <option value="10">Botany Practicals II</option>
                 <option value="9">Genetics</option>
                 <option value="4">Plant Diversity Unity & Evolution</option>
                 <option value="6">Plant Anatomy</option>
                 <option value="5">Scientific Approach & Biometrics</option>
                 <option value="11">Advanced Ecology</option>
                 <option value="12">Advanced Plant Pathology </option>
                 <option value="7">Advanced Microbiology</option>
                 <option value="8">Economic Botany</option>
                 <option value="13">Cropping System</option>
                 <option value="14">Food Technology</option>
     </select>

    </body>
    </html>

这里将根据水平和学期过滤课程 enter image description here

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

Jquery代码：Jquery

Answer 1

您应该将select与其ID

链接起来

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

编辑：添加了一个测试小提琴：http://jsfiddle.net/scaillerie/VwuvY/。

编辑2：为了获得前面两个列表中的过滤器，该类应由\分隔的2个值组成（例如，第一学期和第一学期）级别，该类应为level-1\semester-1。更新小提琴：http://jsfiddle.net/scaillerie/VwuvY/1。

如何将Jquery Chaining应用于Multiple Parents方法

1 个答案: