2

需要根据级别和学期选择器值过滤课程详细信息..我们尝试使用链接到多个父母

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

这里我们尝试的代码（删除所有链式选择代码，以获得清晰的想法）

<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>

这里将如何根据级别和学期过滤课程 在此处输入图像描述

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

jQuery 代码：jQuery

4

1 回答 1

1

您应该将选择与他们的 id 联系起来

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

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

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

于 2012-12-03T15:15:27.207 回答