2

レベルと学期セレクターの値に応じてコースの詳細をフィルター処理する必要があります.複数の親への連鎖を使用して試します

(1 つの子が 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 に答える