简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jquery操作select multiple option

来源:易贤网   阅读:4436 次  日期:2014-08-26 11:25:16

温馨提示:易贤网小编为您整理了“jquery操作select multiple option”,方便广大网友查阅!

通过jquery操作select multiple多选判断进行左移右移,进行多选的操作,在网站制作中经常遇到这样的情况。

在前面的文章中已经做过javascript操作multiple的文章:http://www.ynpxrz.com/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

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:页面滚动文字位置不变
下一篇:ajax提交大数据文章
易贤网手机网站地址:jquery操作select multiple option
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!