<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"
v-for
="(item,index) in country.city"
>}
option
>
select
>
div>
vue data:
export default, ,,,
/*,*/],
}},
實現原理:通過vue v-model 繫結獲取到area當前的物件,讓後city遍歷的時候世界遍歷當前獲取到的國際的物件下的city就好,當需要向後台傳值的,要傳的是vue例項下 this.countryname.country
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...
Jsp之select二級聯動
select聯動在實際專案中是再熟悉不過了,經常要使用到,每次都要去整理,梳理,會花費一些不必要的時間。然而select標籤的使用,在不同的開發中也不一樣,比如在vue中跟jsp中,今天主要是梳理在jsp中的應用,vue的使用也是類似。當然,方法有很多種,下面這種方法是我個人比較經常使用的,需要的朋...
二級聯動,多級聯動
首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...