JQ 選擇城市(多選和單選)

2022-08-14 03:54:08 字數 2411 閱讀 1413

貼上**

html:

1

<

div

class

="content"

>

2<

div

class

="selecttext"

>

3<

select

id="leftpart"

multiple

>

4<

option

value

="廣州"

>廣州

option

>

5<

option

value

="深圳"

>深圳

option

>

6<

option

value

="珠海"

>珠海

option

>

7<

option

value

="東莞"

>東莞

option

>

8<

option

value

="佛山"

>佛山

option

>

9<

option

value

="中山"

>中山

option

>

10<

option

value

="潮州"

>潮州

option

>

11<

option

value

="汕頭"

>汕頭

option

>

12select

>

13div

>

1415

<

div

class

="btnpart"

>

16<

input

type

="button"

value

=">>"

id="allselect"

>

17<

input

type

="button"

value

="<

id="allunselect"

>

18<

input

type

="button"

value

=">"

id="selectbtn"

>

19<

input

type

="button"

value

="id="unselectbtn"

>

20div

>

2122

<

div

class

="selectedtext"

>

23<

select

id="rightpart"

multiple

>

select

>

24div

>

25div

>

html**

css:

1*5

.content

8.content div

11.content:after

16.content select

22.btnpart input

28.btnpart

css**

jq:

1 $(function

())6

7 $("#allunselect").bind("click",function

())10

11 $("#selectbtn").bind("click",function

())14

15 $("#unselectbtn").bind("click",function

())18

19})

2021

function

addall(removeobj,addobj,flag)

25else

2829

30 }

由於匯入jq包的問題(不知道怎麼匯入試了很多方法都不行

就貼上效果

以上內容,如有錯誤請指出,不甚感激。

jq寫城市選擇器

因為要跟生日選擇的樣式一樣,自己自定義不了select標籤,所以用div結構配合js 寫,可能我基礎不太好,自己都覺得 有點繞,如果有更簡便的寫法,歡迎各路大佬能幫我指出 效果 html結構 所在城市 選擇省 市 css 城市選擇器部分 textbigbox aaa sona textbigbox ...

vue 實現多選和單選

上個小小的效果圖,然後具體實現看 template 聊天 style 這是沒選中的樣式 choose 這是選中的樣式 green data list arr methods choose function i else tip 這裡面有兩個es6的語法,includes 這裡是別的大佬寫的詳解,可以...

element ui 地區選擇單選與多選及資料回填

在電商的後台管理系統,少不了的是位址地區,在選擇地區時,有單選與多選之分。比如收貨位址的地區,是單選的。如果是區域經理之類的,許可權可以包含多個地區的,則需要多選 下面就地區單選與地區多選進行詳細的介紹 需要實現上面的功能,所需要用到的是cascader級聯選擇器。注釋如下 v model等同於va...