数码资讯
jQuery实现选择框内容左右移动代码共享
本文演示了选择添加和删除的选择框的左右移动,供大家参考: 选择框内容移动,简单实用,选择内容的选项,点击移动按钮左右移动内容,运行效果图: 具体代码如下 指数 零 一 二 三 四 五 id=btnright / > > 一 B C D E $(# btnright)。Click(function()
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了选择添加和删除的选择框的左右移动,供大家参考:
选择框内容移动,简单实用,选择内容的选项,点击移动按钮左右移动内容,运行效果图:
具体代码如下
指数
零
一
二
三
四
五
id=btnright / > >
一
B
C
D
E
$(# btnright)。Click(function(){)
选定的数据集的数据 / /期权分配给vselect变量。
无功vselect = $(# leftselector选项:选择);
/ /克隆数据添加到rightselector
VSelect.clone(),AppendTo(# rightselector );
同时,在选择 / leftselector去除
VSelect.remove();
});
向右移动
$(# btnleft)。Click(function(){)
无功vselect = $(# rightselector选项:选择);
VSelect.clone(),AppendTo(# leftselector );
VSelect.remove();
});
所有的功能(){
因此window.document.getelementbyid var =(rightselector );
VaR的长度= lst1.options.length;
对于(var i = 0;i <长度;i + +){
var v =因此,选项{我}。价值;在 / /期权价值
var t =因此,选项{我}。文本; / /显示文本
警报():+;
}
}
我希望这篇文章能帮助你学习Javascript程序设计。
选择框内容移动,简单实用,选择内容的选项,点击移动按钮左右移动内容,运行效果图:
具体代码如下
指数
零
一
二
三
四
五
id=btnright / > >
一
B
C
D
E
$(# btnright)。Click(function(){)
选定的数据集的数据 / /期权分配给vselect变量。
无功vselect = $(# leftselector选项:选择);
/ /克隆数据添加到rightselector
VSelect.clone(),AppendTo(# rightselector );
同时,在选择 / leftselector去除
VSelect.remove();
});
向右移动
$(# btnleft)。Click(function(){)
无功vselect = $(# rightselector选项:选择);
VSelect.clone(),AppendTo(# leftselector );
VSelect.remove();
});
所有的功能(){
因此window.document.getelementbyid var =(rightselector );
VaR的长度= lst1.options.length;
对于(var i = 0;i <长度;i + +){
var v =因此,选项{我}。价值;在 / /期权价值
var t =因此,选项{我}。文本; / /显示文本
警报():+;
}
}
我希望这篇文章能帮助你学习Javascript程序设计。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。