Move up and down listbox item using javascript

In the following example, we can easy to move the list box item up and down using javascript code.

Example

    function listboxMove(listID, direction) {

      var listbox = document.getElementById(listID);

      var selIndex = listbox.selectedIndex;

      if (-1 == selIndex) {

        alert("Please select an option to move.");

        return;

      }

      var increment = -1;

      if (direction == 'up')

        increment = -1;

      else

        increment = 1;

      if ((selIndex + increment) < 0 ||

        (selIndex + increment) > (listbox.options.length - 1)) {

        return;

      }

      var selValue = listbox.options[selIndex].value;

      var selText = listbox.options[selIndex].text;

      listbox.options[selIndex].value = listbox.options[selIndex + increment].value

      listbox.options[selIndex].text = listbox.options[selIndex + increment].text

      listbox.options[selIndex + increment].value = selValue;

      listbox.options[selIndex + increment].text = selText;

      listbox.selectedIndex = selIndex + increment;

    }

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement