jQuery Chained 是一個非常實用的 jQuery 插件，它可以讓我們輕松地將兩個下拉菜單進行鏈接，實現(xiàn)一個下拉菜單的選項內容能夠隨著另一個下拉菜單動態(tài)改變的效果。

在使用 jQuery Chained 的時候，我們需要引入jquery.chained.min.js文件，并且給需要實現(xiàn)聯(lián)動效果的兩個下拉菜單添加相應的data-*屬性：

<select id="province" name="province">
<option>請選擇省份</option>
<option value="HEB">河北省</option>
<option value="HB">湖北省</option>
<option value="HN">河南省</option>
</select>
<select id="city" name="city" data-chained="#province">
<option>請選擇城市</option>
<option value="HB-HD">邯鄲市</option>
<option value="HB-SJZ">石家莊市</option>
<option value="HN-ZZ">鄭州市</option>
<option value="HN-LY">洛陽市</option>
<option value="HEB-TS">唐山市</option>
<option value="HEB-QHD">秦皇島市</option>
<option value="HB-WH">武漢市</option>
<option value="HB-SZ">隨州市</option>
</select>

其中，data-chained="#province"表示這個下拉菜單的選項內容受到#province元素的影響。

然后，在必要的時候我們需要調用$('#city').chained('#province')函數來實現(xiàn)選項內容的聯(lián)動效果。

使用 jQuery Chained 可以讓我們輕松地實現(xiàn)一個不錯的下拉菜單聯(lián)動效果，提高了用戶體驗。