JQuery下拉框應(yīng)用示例介紹
更新時(shí)間：2014年04月23日 16:00:04 作者：
本文主要介紹了JQuery實(shí)現(xiàn)兩個(gè)下拉框數(shù)據(jù)移動(dòng)，追加,需要的朋友可以參考下
實(shí)現(xiàn)兩個(gè)下拉框數(shù)據(jù)移動(dòng)，追加
$('#add').click(function(){
var $options = $('#select1 option:selected'); //獲取選中的項(xiàng)
var $remove = $options.remove();
$remove.appenTo('#select2');
});
簡(jiǎn)化如下
$('#add').click(function(){
var $options = $('#select1 option:selected'); //獲取選中的項(xiàng)
$remove.appenTo('#select2');
});
復(fù)制代碼 代碼如下:
$('#add').click(function(){
var $options = $('#select1 option:selected'); //獲取選中的項(xiàng)
var $remove = $options.remove();
$remove.appenTo('#select2');
});
簡(jiǎn)化如下
復(fù)制代碼 代碼如下:
$('#add').click(function(){
var $options = $('#select1 option:selected'); //獲取選中的項(xiàng)
$remove.appenTo('#select2');
});
您可能感興趣的文章:
- jQuery下拉框的簡(jiǎn)單應(yīng)用
- jQuery+easyui中的combobox實(shí)現(xiàn)下拉框特效
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法
- jquery實(shí)現(xiàn)通用版鼠標(biāo)經(jīng)過淡入淡出效果
- jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過變色的兩種方法
- jQuery 鼠標(biāo)經(jīng)過(hover)事件的延時(shí)處理示例
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片預(yù)覽大圖效果
- Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊
- Jquery中國地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過彈出提示層信息的簡(jiǎn)單實(shí)例
- jquery簡(jiǎn)單實(shí)現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過購物車出現(xiàn)下拉框代碼(推薦)
相關(guān)文章
基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)拖拽圖標(biāo)到回收站并刪除功能，實(shí)現(xiàn)非常簡(jiǎn)單，我們直接可以利用jQuery內(nèi)部封裝的拖拽接口即可簡(jiǎn)單實(shí)現(xiàn)在網(wǎng)頁上拖拽任意元素的功能，感興趣的小伙伴們可以參考一下2015-11-11
分享33個(gè)jQuery與CSS3實(shí)現(xiàn)的絢麗鼠標(biāo)懸停效果
今天整理了33個(gè)使用jQuery與CSS3實(shí)現(xiàn)絢麗的鼠標(biāo)懸停效果，有些是純CSS3的，這些效果你完全可以用在你的網(wǎng)頁上，讓網(wǎng)站獲得更好的體驗(yàn)2014-12-12
基于jquery的無縫循環(huán)新聞列表插件,需要的朋友可以參考下。2011-03-03
JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁腳
導(dǎo)航欄由一組水平排列的鏈接構(gòu)成，通常位于頁眉或頁腳內(nèi)部。本文給大家介紹JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁腳的相關(guān)知識(shí)，需要的朋友參考下吧2016-03-03
jQuery1.6 類型判斷實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2011-09-09
jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)添加表格tr td功能示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)添加表格tr td功能,結(jié)合實(shí)例形式分析了jQuery基于ajax動(dòng)態(tài)創(chuàng)建頁面table元素相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
利用css和jquery創(chuàng)建一個(gè)動(dòng)畫效果的緩沖樣式插件，插件可以開始、暫停、結(jié)束2012-08-08
jQuery實(shí)現(xiàn)的選擇商品飛入文本框動(dòng)畫效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的選擇商品飛入文本框動(dòng)畫效果,結(jié)合完整實(shí)例形式分析了jQuery動(dòng)態(tài)操作頁面元素屬性實(shí)現(xiàn)動(dòng)畫效果的方法,涉及jQuery的事件綁定、元素遍歷及屬性操作等相關(guān)技巧,需要的朋友可以參考下2016-08-08
分享一些常用的jQuery動(dòng)畫事件和動(dòng)畫函數(shù)
在jquery中，jquery動(dòng)畫事件和動(dòng)畫函數(shù)經(jīng)常用的到，今天小編抽時(shí)間給大家整理了些關(guān)于常用的jquery動(dòng)畫事件和動(dòng)畫函數(shù)，對(duì)jquery動(dòng)畫函數(shù)和動(dòng)畫事件相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-11
這篇文章主要介紹了JQuery節(jié)點(diǎn)元素屬性操作方法,實(shí)例分析了attr與removeAttr方法操作節(jié)點(diǎn)元素屬性的相關(guān)使用技巧,需要的朋友可以參考下2015-06-06