Добавить значение в select

@Link-Lock · Регистрация: 29.10.2013

Студворк — интернет-сервис помощи студентам

Добрый день, уважаемые!
Относительно недавно изучаю JavaScript... И по ходу изучения для себя, сталкиваюсь с новыми и новыми проблемами...

Проблема моя состоит в следующем: Имеется 2 select'a на странице.
В одном из селектов, находятся увлечения (плавание, рисование, чтение и т.д).
Другой селект пуст. Необходима возможность перекидывания увлечений из первого селекта во второй.
Как реализовать, ума не приложу.
Ребята, может быть есть у кого-то пример кода, или подсказка, как можно сделать, или похожая реализация, помогите пожалуйста с решением такой задачи.
Очень буду благодарен Вам. Заранее спасибо

@Горелый · 15.08.2015, 01:37

Можно как то так

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<script>
function toRight()
{
    var objSel1 = document.getElementById("select1");
    var objSel2 = document.getElementById("select2");
    if ( objSel1.selectedIndex != -1)
    {
        //Если есть выбранный элемент, создать во втором списке такой же элемент, в первом списке удалить
        objSel2.options[objSel2.options.length] = new Option(objSel1.options[objSel1.selectedIndex].text, objSel1.options[objSel1.selectedIndex].value);
        objSel1.remove(objSel1.selectedIndex);
    }
    
}
</script>
<body>
<select id="select1">
    <option value="1">Swim</option>
    <option value="2">Run</option>
    <option value="3">Jump</option>
</select>
 
<button onClick="toRight()">-></button>
 
<select id="select2">
</select>
</body>
</html>

@kalabuni · 15.08.2015, 02:48

Горелый, selectedIndex в принципе не может принять значение -1:

1) если в HTML-коде не указан выделенный опшен (т.е. в коде нет строки <option selected>), то автоматически selectedIndex станет равным нулю и самый первый сверху опшен будет выделен

2) если в javascript-коде вы принудительно напишете selectedIndex = -1, то браузер это проигнорирует и самостоятельно выставит selectedIndex = 0 и опять же будет выделен самый первый сверху опшен

@Горелый · 15.08.2015, 09:11

kalabuni, Спасибо за пояснения! Я тоже только учусь.

@Link-Lock · 15.08.2015, 23:33 **[ТС]**

Большое спасибо. Это то, что нужно!

@arni1980 · 17.08.2015, 10:51

Сообщение от kalabuni

selectedIndex в принципе не может принять значение -1:

после того, как все элементы в левой части закончатся принимает значение -1 при нажатии кнопки. Без этой проверки будет ошибка.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Link-Lock 0 / 0 / 0 Регистрация: 29.10.2013 Сообщений: 16

	Добавить значение в select 15.08.2015, 01:03. Показов 3990. Ответов 5 Метки нет (Все метки) Добрый день, уважаемые! Относительно недавно изучаю JavaScript... И по ходу изучения для себя, сталкиваюсь с новыми и новыми проблемами... Проблема моя состоит в следующем: Имеется 2 select'a на странице. В одном из селектов, находятся увлечения (плавание, рисование, чтение и т.д). Другой селект пуст. Необходима возможность перекидывания увлечений из первого селекта во второй. Как реализовать, ума не приложу. Ребята, может быть есть у кого-то пример кода, или подсказка, как можно сделать, или похожая реализация, помогите пожалуйста с решением такой задачи. Очень буду благодарен Вам. Заранее спасибо 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	15.08.2015, 02:48
	Горелый, selectedIndex в принципе не может принять значение -1: 1) если в HTML-коде не указан выделенный опшен (т.е. в коде нет строки <option selected>), то автоматически selectedIndex станет равным нулю и самый первый сверху опшен будет выделен 2) если в javascript-коде вы принудительно напишете selectedIndex = -1, то браузер это проигнорирует и самостоятельно выставит selectedIndex = 0 и опять же будет выделен самый первый сверху опшен 2

@Горелый 130 / 70 / 25 Регистрация: 20.03.2014 Сообщений: 261
	15.08.2015, 09:11
	kalabuni, Спасибо за пояснения! Я тоже только учусь. 0

@Link-Lock 0 / 0 / 0 Регистрация: 29.10.2013 Сообщений: 16
	15.08.2015, 23:33 [ТС]
	Большое спасибо. Это то, что нужно! 0

Добавить значение в select

Решение