Метод JavaScript для управления движением элементов вверх и вниз в ListBox

В этой статье описывается метод JavaScript для управления движением элементов вверх и вниз в списке ListBox. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:

Этот код JS может управлять элементами в Listbox для перемещения вверх или вниз, что очень полезно. Ниже приведен подробный код

Копия кода следующим образом: Функция listbox_move (listid, direction) {

var listbox = document.getElementbyId (listId);

var selindex = listbox.selectedIndex;

if (-1 == selindex) {

Alert («Пожалуйста, выберите опцию для перемещения.»);

возвращаться;

}

var Increment = -1;

if (направление == 'up')

Приращение = -1;

еще

Приращение = 1;

if ((selindex + urgent) <0 ||

(selindex + Increment)> (listbox.options.length-1)) {

возвращаться;

}

var selvalue = listbox.options [selindex] .value;

var seltext = listbox.options [selindex] .text;

listbox.options [selindex] .value = listbox.options [selindex + urgent].

listbox.options [selindex] .text = listbox.options [selindex + urgent] .text

listbox.options [selindex + urment] .value = selvalue;

listbox.options [selindex + increment] .text = seltext;

listbox.selectedIndex = selindex + urgent;

}

// ..

// ..

listbox_move ('countryList', 'up'); // перемещать выбранную опцию

listbox_move ('CountryList', 'Down'); // Перемещайте выбранную опцию

Ниже приведен подробный демонстрационный код, который можно использовать в браузере

Скопируйте код следующим образом: нажмите ниже кнопки, чтобы выбрать или отменить все параметры из выбора. <br>

<select id = "lsbox" name = "lsbox" size = "10" multy = "">

<опция value = "1"> Индия </option>

<vitor value = "2"> Соединенные Штаты </option>

<опция value = "3"> China </option>

<option value = "4"> Италия </option>

<опция value = "5"> Германия </option>

<опция value = "6"> Канада </option>

<option value = "7"> Франция </option>

<опция value = "8"> Великобритания </option>

</select> <br>

<button onclick = "listboxmove ('lsbox', 'up');"> Переместить вверх </button>

<button onclick = "listboxMove ('lsbox', 'down');"> Перейти вниз </button>

<Скрипт>

Функции ListBoxMove (listId, Direction) {

var listbox = document.getElementbyId (listId);

var selindex = listbox.selectedIndex;

if (-1 == selindex) {

Alert («Пожалуйста, выберите опцию для перемещения.»);

возвращаться;

}

var Increment = -1;

if (направление == 'up')

Приращение = -1;

еще

Приращение = 1;

if ((selindex + urgent) <0 ||

(selindex + Increment)> (listbox.options.length-1)) {

возвращаться;

}

var selvalue = listbox.options [selindex] .value;

var seltext = listbox.options [selindex] .text;

listbox.options [selindex] .value = listbox.options [selindex + urgent].

listbox.options [selindex] .text = listbox.options [selindex + urgent] .text

listbox.options [selindex + urment] .value = selvalue;

listbox.options [selindex + increment] .text = seltext;

listbox.selectedIndex = selindex + urgent;

}

</script>

Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.