jquery操作 multiple option
來源:易賢網 閱讀:1294 次 日期:2016-06-17 09:34:25
溫馨提示:易賢網小編為您整理了“jquery操作 multiple option”,方便廣大網友查閱!

通過jquery操作select multiple多選判斷進行左移右移,進行多選的操作,在網站制作中經常遇到這樣的情況。

在前面的文章中已經做過javascript操作multiple的文章:http://m.20hl.cn/html/1560.html

本次是采用jquery框架進行的option的移動操作,并進行了簡單的判斷。

查看:jquery操作select multiple

jquery代碼如下

function add(){

var $beixuan = $(#beixuan option);

for(var $i=0;$i<$beixuan.length;++$i){

var tobj = $beixuan.eq($i);//獲取臨時option

if(tobj.attr(selected)&&$(#yixuan option[value='+tobj.val()+']).length<=0){

//上面一句是判斷是否選中并且不是已經選擇option

$(#yixuan).append(<option value='+tobj.val()+'>+tobj.text()+</option>);

}

}

}//

function del(){

var $yixuan = $(#yixuan option);//進行刪除,當該option已經選擇,則自己remove掉。

for(var $i=0;$i<$yixuan.length;++$i){

var tobj = $yixuan.eq($i);

if(tobj.attr(selected))tobj.remove();

}

}

代碼很簡單,這就是jquery操作option

更多信息請查看腳本欄目
易賢網手機網站地址:jquery操作 multiple option
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網