首页 > 代码库 > 使用jQuery实现option的上移和下移
使用jQuery实现option的上移和下移
基本思路:
上移:(1)获取当前选中的元素的索引值
(2)判断当前元素是否为第一个元素
(3)如果是,则不执行上移操作,如果不是,则则调用insertBefore方法插入到他的prev(紧邻的上一个)元素之前
1 var up = function () { 2 var selectedIndex = $("#SelectedAddressIds option:selected").index(); //获取当前选中元素的索引 3 if(selectedIndex >= 1){ 4 // 插入上一个 5 $("#SelectedAddressIds option:selected").insertBefore($("#SelectedAddressIds option:selected").prev(‘option‘)); 6 } 7 }
下移:(1)获取所有option元素的索引值
(2)获取当前选中元素的索引值
(3)判断当前选中元素是否为最后一个元素,如果是,则不执行下移,如果不是则调用insertAfter方法插入到他的next(紧邻的下一个)元素的后面。
1 var down = function () { 2 // 获取最后一个option的索引值 3 var optionNum = $("#SelectedAddressIds option").size() - 1; 4 // 获取当前选中元素的索引值 5 var selectedIndex = $("#SelectedAddressIds option:selected").index(); 6 7 if(selectedIndex < 6){ 8 // 插入下一个 9 $("#SelectedAddressIds option:selected").insertAfter($("#SelectedAddressIds option:selected").next(‘option‘)); 10 } 11 }
使用jQuery实现option的上移和下移
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。