JQuery實現無重新整理新增刪除內容項

2021-09-27 08:16:23 字數 1353 閱讀 4520

就是實現這個效果的,選中新增到右邊,全部新增到右邊,選中刪除到左邊,全部刪除到左邊。

html部分:

class="

centent

">

multiple

" id="

select1

" style="

width:100px;height:160px;

">

"1">選項1"2

">選項2"3

">選項3"4

">選項4"5

">選項5"6

">選項6"7

">選項7

select>

"add" >選中新增到右邊》

"add_all

" >全部新增到右邊》

class="

centent

">

multiple

" id="

select2

" style="

width: 100px;height:160px;

">

"8">選項8

select>

"remove

">《選中刪除到左邊

"remove_all

">《全部刪除到左邊

這裡要注意的是select的multiple屬性,只有新增了之後,才會在select框**現多個select選項。

否則只會顯示出一條。

jquery**解析:

這裡要注意的是$("option:selected",this)。這個看起來有點奇怪。其實$()有2個引數,乙個是選擇器,乙個是作用域。 要和$("***x,***")區分。通常意義下的$('***x')其實是預設了第二個作用域。完整說應該是$('***x',document)。這裡加上this之後,作用域就限制在#select1中或#select2中了。也就是select1中的選中項被新增到#select2的後面。

效果類似於$("#select1 option:selected")。

如果不加上,this這個引數的話,就會牽扯到全域性中的選中項。就會出錯。

注意點2:

前者是向匹配的元素中新增內容的,後者是把匹配的素有元素追加到另乙個指定的元素集合中的。

原來的p元素內容:i would like to say:

現在的p元素內容:[ i would like to say:hello

]結果:i would like to say:

i would like to say:

利用xmlhttp無重新整理新增資料之post篇

前兩篇主要寫了從獲取資料.接下來,我們講講如何新增資料.我們傳統的提交資料的方法都是用來實現的.標記中的method屬性確定了表單元素的資料在傳送到伺服器時,如何對http請求資訊進行打包.method 屬性可以使用的方法 method屬性 傳送表單元素的方式 讀取資料的request集合 get ...

UITableView實現下拉重新整理新增資料功能

用uitableviewdelegate中的這個方法 void tableview uitableview tableview willdisplaycell uitableviewcell cell forrowatindexpath nsindexpath indexpath 判定tablevi...

UITableView實現下拉重新整理新增資料功能

用uitableviewdelegate中的這個方法 void tableview uitableview tableview willdisplaycell uitableviewcell cell forrowatindexpath nsindexpath indexpath 判定tablevi...