貼上**
html:
1html**<
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
>
css:
1*5css**.content
8.content div
11.content:after
16.content select
22.btnpart input
28.btnpart
jq:
1 $(function由於匯入jq包的問題(不知道怎麼匯入試了很多方法都不行())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寫城市選擇器
因為要跟生日選擇的樣式一樣,自己自定義不了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...