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