Rakesh Patel: Move List Items Up and Down Using jQuery

Sometimes, we require moving/scrolling the list items in the select control up and down to sort manually. This little code snippet will help us to do that using jQuery library.

var nextOption = $("#ListBox1 > option[selected]").next("option");

if ($(nextOption).text() != "") {
      $(selectedOption).remove();

$(nextOption).after($(selectedOption));
    }
  }

function MoveUp() {
    var selectedOption = $("#ListBox1 > option[selected]");

var prevOption = $("#ListBox1 > option[selected]").prev("option");

if ($(prevOption).text() != "") {
      $(selectedOption).remove();

$(prevOption).before($(selectedOption));
    }
  }
</script>

Monday, November 18, 2019

Move List Items Up and Down Using jQuery

No comments:

Post a Comment