select聯動在實際專案中是再熟悉不過了,經常要使用到,每次都要去整理,梳理,會花費一些不必要的時間。然而select標籤的使用,在不同的開發中也不一樣,比如在vue中跟jsp中,今天主要是梳理在jsp中的應用,vue的使用也是類似。
當然,方法有很多種,下面這種方法是我個人比較經常使用的,需要的朋友可以參考借鑑。
一:假設現在jsp中有兩個類別,一級類別和二級類別,二級類別跟隨一級類別聯動。一級類別和二級類別資料來源來自於後台。我們的實現思路是在第乙個select標籤設定onchange事件,然後使用jq動態修改第二個select的option,那麼在onchange事件中,我們要獲取二級類別的資料,就有兩個實現方式,一種是非同步載入,一種是在jsp初始化的時候從後台傳二級類別的所有資料,然後在進行匹配。鑑與資料量不多,今天要總結的則是使用第二種方式。下面是具體的**。
controller,在調整jsp前的**
public string form(yzcourse yzcourse, model model)
courseform.jsp
//一級類別
請選擇//二級類別
請選擇
js:
最後,
//此處是修改的回填操作,當id不為空,去繫結二級類別資料
$(document).ready(function() +"";
if(id !=""));
}});
vue二級聯動select
div span 所在區域 span select name v model country option value item v for item,index in area option select select name v model cityname option value item...
jquery實現select二級聯動
jquery實現乙個簡單的select二級聯動選單,如下 1 doctype html 2 html 3 head 4 meta charset utf 8 5 title jquery 二級聯動 title 6 style 7.city 10.city first 13style 14 scrip...
二級聯動,多級聯動
首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...