2012-12-03 21 views
2

需要根據級別和學期選擇value..We嘗試使用Chaining to Multiple Parents如何申請Jquery的鏈接到多親本方法

(一個孩子也可以有兩個家長過濾過程的細節。兒童可用的選項鍊接到多個父母依賴於一個或兩個選擇的父母值)

這裏的代碼,我們嘗試(刪除所有鏈接的選擇代碼,根據級別來獲得清晰的思路)

<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

但無法瞭解如何應用code.Please幫助我們。

jQuery代碼:Jquery

+1

可以粘貼實際的JavaScript代碼,我認爲應該在'jquery.chained.js' –

+0

添加jquery.chained.js鏈接 –

回答

1

你應該鏈的選擇與他們的ID

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

編輯:增加了一個測試小提琴:http://jsfiddle.net/scaillerie/VwuvY/

編輯2:爲了獲得2只前列出了過濾器,所述類要由通過\(例如,用於第一學期和第一電平,所述類應該是level-1\semester-1分離的2個值的。更新小提琴:http://jsfiddle.net/scaillerie/VwuvY/1

+0

問題是如何應用類的細節,這個插件?已經模式如何申請.. 示例: - 主要下拉值用作第二個下拉類值 不知道如何應用課程下拉菜單中的值 –

+0

我已經添加了小提琴以演示如何應用類:實際上,您必須應用的類是「父」選擇的值。 –

+0

朋友過濾器工作的水平select.first選擇水平,然後選擇學期,它不是過濾與學期.. –