色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery chosen 級聯

江奕云2年前9瀏覽0評論

在前端開發中,經常需要使用下拉框進行數據選擇,在此過程中,jquery chosen插件被廣泛應用。

對于一些需要級聯選擇的數據,比如省市區三級聯動下拉框,jquery chosen插件同樣能夠很好地實現。

下面演示了jquery chosen插件級聯下拉框的實現代碼:

首先在頁面中定義三個下拉框,省份下拉框的選項為北京和上海。

$(function(){
//城市下拉框級聯省份下拉框
$("#province").chosen().change(function(){
var province = $(this).val();
if(province == "beijing"){
$("#city").html('');
}else if(province == "shanghai"){
$("#city").html('');
}else{
$("#city").html('');
}
$("#city").trigger("chosen:updated");
});
//區縣下拉框級聯城市下拉框
$("#city").chosen().change(function(){
var city = $(this).val();
if(city == "beijing_district1"){
$("#district").html('');
}else if(city == "beijing_district2"){
$("#district").html('');
}else if(city == "shanghai_district1"){
$("#district").html('');
}else if(city == "shanghai_district2"){
$("#district").html('');
}else{
$("#district").html('');
}
$("#district").trigger("chosen:updated");
});
});

接著使用jquery chosen的change事件和trigger方法,實現城市和區縣下拉框的級聯選擇功能。通過判斷選中的省份,動態生成城市選項;再根據選中的城市,動態生成區縣選項。

以上是使用jquery chosen插件實現級聯下拉框的方法,可以根據實際需求來靈活應用。