В этой статье описывается метод JavaScript, управляющего двумя списками для обмена данными влево и вправо. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Мы часто используем эту функцию, которая может переместить все элементы левого поля списка вправо, или перемещать все элементы правого списка влево, или перемещать все элементы правого блока влево или перемещать их сразу.
Копия кода следующим образом: Функция listbox_movecross (sourceId, destid) {
var src = document.getElementById (SourceId);
var dest = document.getElementbyId (destid);
for (var count = 0; count <src.options.length; count ++) {
if (src.options [count]. Selected == true) {
var option = src.options [count];
var newoption = document.createElement ("опция");
newOption.value = option.value;
newOption.text = option.text;
newOption.selected = true;
пытаться {
dest.add (newoption, null); // Стандарт
src.remove (count, null);
} catch (error) {
dest.add (newoption); // т.е. только
src.remove (count);
}
считать--;
}
}
}
// ..
listbox_movecross ('CountryList', 'selectedCountryList');
Ниже приведен код демонстрационного эффекта, который может быть выполнен непосредственно в браузере
Скопируйте код следующим образом: нажмите ниже кнопки, чтобы переместить выбранные параметры справа или влево. <br>
<Таблица>
<tbody> <tr>
<Td>
<SELECT ID = "SourceSelect" size = "10" MALTY = "">
<option value = "a"> Афганистан </option>
<option value = "b"> Багамс </option>
<option value = "c"> Barbados </option>
<option value = "d"> Бельгия </option>
<option value = "e"> bhutan </option>
<option value = "f"> China </option>
<option value = "g"> Хорватия </option>
<option value = "h"> Дания </option>
<option value = "i"> Франция </option>
</select>
</td>
<Td>
<button onclick = "ListBoxMoveCross ('SourceSelect', 'desteSect');" >>>> </button> <br>
<button onclick = "listboxmovecross ('destectect', 'SourceSelect');"> <<</Button>
</td>
<Td>
<SELECT ID = "desteSect" size = "10" MALTY = "">
<option value = "a"> Афганистан </option>
<option value = "b"> Багамс </option>
<option value = "c"> Barbados </option>
<option value = "d"> Бельгия </option>
<option value = "e"> bhutan </option>
<option value = "f"> China </option>
<option value = "g"> Хорватия </option>
<option value = "h"> Дания </option>
<option value = "i"> Франция </option>
</select>
</td>
</tr>
</tbody> </table>
<Скрипт>
Функции ListBoxMoveCross (SourceId, Destid) {
var src = document.getElementById (SourceId);
var dest = document.getElementbyId (destid);
for (var count = 0; count <src.options.length; count ++) {
if (src.options [count]. Selected == true) {
var option = src.options [count];
var newoption = document.createElement ("опция");
newOption.value = option.value;
newOption.text = option.text;
newOption.selected = true;
пытаться {
dest.add (newoption, null); // Стандарт
src.remove (count, null);
} catch (error) {
dest.add (newoption); // т.е. только
src.remove (count);
}
считать--;
}
}
}
</script>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.