JQuery下拉框應用示例介紹

更新時間：2014年04月23日 16:00:04 作者：

本文主要介紹了JQuery實現(xiàn)兩個下拉框數(shù)據(jù)移動，追加,需要的朋友可以參考下

實現(xiàn)兩個下拉框數(shù)據(jù)移動，追加

 
$('#add').click(function(){ 
var $options = $('#select1 option:selected'); //獲取選中的項 
var $remove = $options.remove(); 
$remove.appenTo('#select2'); 
}); 

簡化如下

復制代碼代碼如下:

 
$('#add').click(function(){ 
var $options = $('#select1 option:selected'); //獲取選中的項 
$remove.appenTo('#select2'); 
}); 

您可能感興趣的文章:

基于jQuery的左滑出現(xiàn)刪除按鈕的示例
本篇文章主要介紹了基于jQuery的左滑出現(xiàn)刪除按鈕的示例，這里整理了詳細的代碼,非常具有實用價值，需要的朋友可以參考下
2017-08-08
JQuery實現(xiàn)自定義對話框的代碼
JavaScript為我們提供幾種對話框功能，但功能都十分有限；雖然在IE下可以通過模式窗體的方式創(chuàng)建更豐富的對話框功能，但畢竟只有IE得到支持。
2008-06-06
jQuery向父輩遍歷的簡單方法
下面小編就為大家?guī)硪黄猨Query向父輩遍歷的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
jQuery 中$(this).index與$.each的使用指南
這篇文章主要介紹了jQuery 中$(this).index與$.each的使用方法，以及使用環(huán)境，有需要的小伙伴自己參考下吧
2014-11-11
jquery與ajax獲取特殊字符實例詳解
在用jquery加ajax寫的時候，發(fā)現(xiàn)如果傳進去的數(shù)據(jù)包含&則無法獲取數(shù)據(jù)而+號的話就會被判定為空，解決辦法就是使用encodeURIComponent()函數(shù)對要發(fā)送的數(shù)據(jù)進行編碼,需要的朋友可以參考下
2017-01-01
jQuery中children()方法用法實例
這篇文章主要介紹了jQuery中children()方法用法,實例分析了children()方法的功能、定義及過濾所匹配子元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)多級下拉菜單jDropMenu的方法
這篇文章主要介紹了jQuery實現(xiàn)多級下拉菜單jDropMenu的方法,涉及jquery鼠標事件及頁面元素遍歷的相關技巧,非常具有實用價值,需要的朋友可以參考下
2015-08-08
推薦11款jQuery開發(fā)的復選框和單選框美化插件
web開發(fā)中所有的輸入控件中復選框和單選框的樣式是最難去設計的，因為不同的瀏覽器及其操作系統(tǒng)對于樣式的渲染展現(xiàn)是不一樣的。
2011-08-08
jquery特效幻燈片效果示例代碼
jquery特效中的幻燈片想必大家已不陌生吧，下面為大家分享個比較不錯的幻燈片效果，附有源碼，感興趣的朋友可以學習下哈
2013-07-07
jquery中get,post和ajax方法的使用小結
本篇文章主要是對jquery中get,post和ajax方法的使用進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02