JQuery DoubleSelect是一種常用的JQuery插件,它能夠創建簡單而且易用的雙選項下拉菜單。該插件可以幫助用戶選擇兩個相關的選項,如省和市、國家和城市以及語言和方言等等。
$(document).ready(function(){
var data = {
"China": ["Beijing", "Shanghai", "Guangzhou", "Shenzhen"],
"USA": ["New York", "Los Angeles", "Chicago", "Houston"],
"Canada": ["Toronto", "Montreal", "Vancouver", "Calgary"],
"Australia": ["Sydney", "Melbourne", "Perth", "Brisbane"]
};
$.each(data,function(key,value){
$('#select1').append($('
以上代碼演示了如何使用JQuery DoubleSelect插件,其中我們先創建了一個名為"data"的變量,用來儲存所有的選項數據。然后我們使用$each方法將每一個選項添加到#select1中,當第一個下拉菜單的選項被改變時,我們根據用戶的選擇動態地將#select2中的選項進行更改。
總之,JQuery DoubleSelect插件是一個非常實用的工具,能夠幫助用戶增強他們的交互體驗,提高他們的生產力。