Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1620 Просмотров
*

Keylo

  • Новичок
  • 4
  • 0 / 0
Добрый день.
Есть 2 выпадающих списка.
Первый содержит:
Меню 1
Меню 2
Меню 3

Во втором:
Опция 1
Опция 2
Опция 3
Опция 4

Как сделать, чтобы при выборе "меню 1" вываливались все из второго списка, а при выборе "меню 2", например, Опция 1, Опция 2, Опция 3, без четвертого?
*

Keylo

  • Новичок
  • 4
  • 0 / 0
Сам написал, сам ответил.  :D

Получилось через JavaScript
Необходимо добавить код в свойствах формы => "CSS и JavaScript" => "Javascript"

Код
<script type="text/javascript">
 
function dynamic1(parent,child){

  var parent_array = new Array();
 
  parent_array[''] = ['Выберите пожалуйста'];
 
  parent_array['Меню 1'] = ['Опция 1','Опция 2','Опция 3','Опция 4'];
 
  parent_array['Меню 2'] = ['Опция 1','Опция 2','Опция 3'];
 
  parent_array['Меню 3'] = ['Сообщение'];
 
  var thechild = document.getElementById(child);
 
  thechild.options.length = 0;
 
  var parent_value = parent.options[parent.selectedIndex].value;
 
  if (!parent_array[parent_value]) parent_value = '';
 
  thechild.options.length = parent_array[parent_value].length;
 
  for(var i=0;i<parent_array[parent_value].length;i++){
 
    thechild.options[i].text = parent_array[parent_value][i];
 
    thechild.options[i].value = parent_array[parent_value][i];} }
 
</script>

и прописать в dropdown в дополнительных атрибутах
Код
onchange="dynamic1(this,'ID динамического выпадающего меню');"

Всем спасибо, всем пока.  *DRINK*
« Последнее редактирование: 06.11.2015, 15:48:21 от Keylo »
*

Keylo

  • Новичок
  • 4
  • 0 / 0
Вот работоспособный показательный пример на html:

Код
<html>
<head>
<title>ЖАБАСКРИПИТ</title>
<script type="text/javascript">
 
function dynamic1(parent,child){

  var parent_array = new Array();
 
  parent_array[''] = ['Выберите пожалуйста'];
 
  parent_array['Меню 1'] = ['Опция 1','Опция 2','Опция 3','Опция 4'];
 
  parent_array['Меню 2'] = ['Опция 1','Опция 2','Опция 3'];
 
  parent_array['Меню 3'] = ['Сообщение'];
 
  var thechild = document.getElementById(child);
 
  thechild.options.length = 0;
 
  var parent_value = parent.options[parent.selectedIndex].value;
 
  if (!parent_array[parent_value]) parent_value = '';
 
  thechild.options.length = parent_array[parent_value].length;
 
  for(var i=0;i<parent_array[parent_value].length;i++){
 
    thechild.options[i].text = parent_array[parent_value][i];
 
    thechild.options[i].value = parent_array[parent_value][i];} }
 
</script>
</head>
<body>
<select name="test1" id="test1" onchange="dynamic1(this,'test2')">
  <option value="Меню 1">Меню 1</option>
  <option value="Меню 2">Меню 2</option>
  <option value="Меню 3">Меню 3</option>
  <option value="Меню 4">Меню 4</option>
</select>
<select name="test2" id="test2">
<option></option>
</select>
</body>
</html>
*

rk3dnp

  • Захожу иногда
  • 320
  • 5 / 0
Оказывается у них есть встроена такая фича, отображать и прятать другие элементы при выборе одного из варианта. Переходим в настройки Extras - Condition fields (3 с низу пункт)
Указываем какой пункт отобразить или скрыть в случае выбора значение у другого пункта.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Создание формы с проверкой данных из списка

Автор igineo

Ответов: 6
Просмотров: 1111
Последний ответ 15.02.2023, 20:06:44
от sivers
Блокировка пункта выпадающего списка

Автор ROMERO

Ответов: 3
Просмотров: 762
Последний ответ 01.03.2019, 17:12:52
от ROMERO
Вывод списка в зависимости от поле select ?

Автор warlocksp

Ответов: 8
Просмотров: 2282
Последний ответ 26.10.2017, 04:50:32
от warlocksp
Вставка изображения в форму RSForm Pro и его динамическое изменение

Автор sa1981

Ответов: 2
Просмотров: 2050
Последний ответ 24.05.2017, 09:44:03
от Site-Guide
Не работает меню на странице с RSForm

Автор BelMary

Ответов: 8
Просмотров: 1152
Последний ответ 07.11.2016, 14:41:17
от BelMary