Открытие новой страницы в зависимости от выбранного варианта из списка select

@Ivanko1993 · Регистрация: 29.05.2012

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

Сразу скажу, что первый раз столкнулся с JavaScript. Мне нужно сделать следующее. Сделать список, и чтобы при соответствующем выборе кнопка отправки была соответствующая(работаю в cms joomla)
Например. Выбрал "2" при нажатии на кнопку открывается страница в новом окне, если выбрал "3" тогда уже при нажатии открывается другая страничка.
Кстати, если будет проще, то может сделать так, при выборе из списка автоматически открывается страница в новом окне.
В общем пока что я на html смог сделать...но на этом я остановился.

HTML5
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
<select>
<option> Выберите курс и группу </option>
<optgroup label="Курс 1">
<option value="1" id=1>112 группа. Библиотечно-информационная деятельность. Бакалавр.</option>
<option value="2">511 группа. Музеология и охрана объектов. Бакалавр.</option>
<option value="3">511 группа. Музеология и охрана объектов. Магистр.</option>
<option value="4">413 группа. Прикладная информатика. Бакалавр.</option>
 
</optgroup><optgroup label="Курс 2">
<option value="5">122 группа. Библиотечно-информационная деятельность.  Бакалавр. </option>
<option value="6">521 группа. Музеология и охрана объектов. Бакалавр.</option>
<option value="7">423 группа. Прикладная информатика. Бакалавр</option>
 
</optgroup><optgroup label="Курс 3">
<option value="8">132 группа Референт-аналитик информационных ресурсов</option>
<option value="9">531 группа Экскурсоведение</option>
<option value="0">433- группа Информационные системы в бизнес-реинжиниринге, <br /> Мультимедийные технологии и Web-дизайн</option>
 
</optgroup><optgroup label="Курс 4">
<option value="10">142 группа Референт-аналитик информационных ресурсов</option>
<option value="11">541 группа Экскурсоведение</option>
<option value="12">443  группа Мультимедийные технологии и Web-дизай</option>
 
</optgroup><optgroup label="Курс 5">
<option value="13">152 группа Референт-аналитик информационных ресурсов</option>
<option value="14">551 группа Охрана памятников</option>
<<option value="15">453- группа Информационные системы в бизнес-реинжиниринге, <br /> Мультимедийные технологии и Web-дизайн</option>
</select>

@kalabuni · 14.12.2012, 17:12

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

пока что я на html смог сделать

точно "смогли сделать"?

или обманываете сами себя и всех нас?

и тег <BR> у вас внутри <option> отображается?
я про это:

HTML5
1
<option value="0">433- группа Информационные системы в бизнес-реинжиниринге, <br /> Мультимедийные технологии и Web-дизайн</option>

между <option> и </option> может быть только текст и никаких тегов
------

не совсем ясно - что именно вам надо
вы пишете про какую-то кнопочку, а где эта "кнопочка"? у вас в голове? и кто её там нажимает?

клиент не может выбрать 2 или 3
клиент выбирает <option> по написанному в нём тексту

так что ещё раз, и подробнее
например, так:
1) клиент выбрал <option> с текстом 511 группа. Музеология и охрана объектов. Бакалавр.
2) что должно произойти?
конкретно...
3) и что должно произойти, если клиент выберет какой-то другой <option> с другим текстом

@Ivanko1993 · 15.12.2012, 01:45 **[ТС]**

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

1) клиент выбрал <option> с текстом 511 группа. Музеология и охрана объектов. Бакалавр.
2) что должно произойти?
конкретно...
3) и что должно произойти, если клиент выберет какой-то другой <option> с другим текстом

1. Появляется кнопка, при нажатии на которую клиент переходит на материал "511 группа. Музеология и охрана объектов. Бакалавр"
Если выбрал, например 423 группу, то появляется кнопка, при нажатии на которую он попадает на страничку с материалом " 423 группа"

@kalabuni · 15.12.2012, 06:03

зачем такие излишества - сначала надо делать выбор, потом ещё и на кнопку нажимать?
проще можно
показываю примером:

HTML5
1
2
3
4
5
<select onchange="with (this) if (selectedIndex) location = options [selectedIndex].value">
<option>Выберите</option>
<option value="http://google.com">Гугль</option>
<option value="http://yandex.ru">Яндекс</option>
</select>

если надо в новом окне, то чуть изменяете:
onchange="with (this) if (selectedIndex) window.open (options [selectedIndex].value, '_blank')"

@Ivanko1993 · 15.12.2012, 10:23 **[ТС]**

Спасибо, все сделал. Не подскажите как вот это добавить. Чтобы при загрузке страницы у меня выборка уже балы на
"Выберете группу", но я ее не видел, когда раскрываю список. dezadle не подходит.

@kalabuni · 15.12.2012, 10:47

JavaScript
1
with (this) window.open (options [selectedIndex].value, '_blank'), options [0].disabled = 1, options [0].text = '';

Новые блоги и статьи Все статьи Все блоги /
Видеокарта простаивает ночами? Вот 4 проекта, которые загрузят её наукой Programma_Boinc 10.04.2026 Видеокарта простаивает ночами? Вот 4 проекта, которые загрузят её наукой Если на Windows стоит дискретная NVIDIA или AMD — можно отдать её вычислительную мощность реальным исследованиям. . . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@Ivanko1993 5 / 3 / 3 Регистрация: 29.05.2012 Сообщений: 328
	15.12.2012, 10:23 [ТС]
	Спасибо, все сделал. Не подскажите как вот это добавить. Чтобы при загрузке страницы у меня выборка уже балы на "Выберете группу", но я ее не видел, когда раскрываю список. dezadle не подходит. 0