Jsp之select二級聯動

2021-09-30 19:26:25 字數 775 閱讀 1378

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 這個方法裡是頁面在載入...