jQuery多級聯動插件 - Chained
jQuery 發展到現在，擁有相當多的封裝良好的插件。本文要介紹的Chained 就是一款很不錯的 jQuery 多級聯動插件。
![]()
Chained 是一個簡單易用的輕量級 jQuery 多級聯動插件，使用它可快速創建多級聯動的下拉列表。它通過在 Select 中設置 class 樣式名來關聯上級列表，下拉列表數據來源多樣性，可以從本地 js 加載，或者使用AJAX 從服務器端異步獲取JSON
數據。更重要的是它完美支持多種瀏覽器，沒有兼容性問題。
如何使用
引入 jQuery 庫及 Chained 插件
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.chained.min.js" type="text/javascript"></script>
建立需要聯動的下拉選擇框，下級與上級聯動通過樣式名關聯，比如這裏的class="audi"
<select id="sel1">
<option value="">--</option>
<option value="audi">Audi</option>
<option value="aa">給力技術</option>
</select>
<select id="sel2">
<option value="">--</option>
<option value="bb" class="aa">啦啦啦</option>
<option value="a1" class="audi">A1</option>
</select>
初始化插件
$("#sel2").chained("#sel1");