zoukankan      html  css  js  c++  java
  • 使用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 }
  • 相关阅读:
    P4168 [Violet]蒲公英
    P3320 [SDOI2015]寻宝游戏
    P2487 [SDOI2011]拦截导弹
    P3338 [ZJOI2014]力(FFT)
    P1975 [国家集训队]排队
    P4103 [HEOI2014]大工程
    虚树小结
    LVS初步
    常见指针定义解读
    可epoll队列
  • 原文地址:https://www.cnblogs.com/enjoymylift/p/5974789.html
Copyright © 2011-2022 走看看