jQquery实现从左边select框添加到右边,并且可以上下排序
2016-05-13 15:45
429 查看
//添加按钮,从左边的框移动到右边
$('#move').click(function(){
$('#select_right').append($('#select_left option:selected'));
});
//移除按钮,从右边的框移回到左边
$('#remove').click(function(){
$('#select_left').append($('#select_right option:selected'));
});
//将选中的option向上移动
$('#up').click(function(){
$('#select_right option:selected').insertBefore($('#select_right option:selected').prev('option'));
});
//将选中的option向下移动
$('#down').click(function(){
$('#select_right option:selected').insertAfter($('#select_right option:selected').next('option'));
});
$('#move').click(function(){
$('#select_right').append($('#select_left option:selected'));
});
//移除按钮,从右边的框移回到左边
$('#remove').click(function(){
$('#select_left').append($('#select_right option:selected'));
});
//将选中的option向上移动
$('#up').click(function(){
$('#select_right option:selected').insertBefore($('#select_right option:selected').prev('option'));
});
//将选中的option向下移动
$('#down').click(function(){
$('#select_right option:selected').insertAfter($('#select_right option:selected').next('option'));
});
相关文章推荐
- UIView的setNeedsLayout, layoutIfNeeded 和 layoutSubviews 方法之间的关系解释
- UITableView-03LOL英雄
- Android高阶UI之CountdownView
- MQTT协议学习—Mosquitto安装、测试
- UIScrollView与UITextview
- SPOJ QTREE4 Query on a tree IV
- HDU 3932 Groundhog Build Home (模拟退火算法)
- 1153 - Paquet plus grand que 'max_allowed_packet' (navicat)
- request对象JSP学习
- Xcode项目中的常见文件-UI进阶
- java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql
- IOS开发UISearchBar失去第一响应者身份后,取消按钮不执行点击事件的问题
- Afinal的IOC原理-通过注解方法是绑定UI和事件源码分析
- 【Leetcode】之Permutation Sequence
- UITableView02-重构
- 搭建wyquery环境
- Storyboard学习二(UIButton)
- 持续集成工具FinalBuilder使用心得
- php: Can't use function return value in write context
- 获取 request 中 json 数据