Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
oseev

Скрытие выпадающих списков в форме ввода

24.01.2012, 00:01. Показов 984. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть некая форма ввода
Название: 2.JPG
Просмотров: 148

Размер: 2.0 Кб
как сделать так, что бы когда активна радиокнопка "Чай" то был виден только один выпадающий список, допустим с сортами чая (который расположен ниже), ну и соответственно при активной кнопке "Кофе" - другой. Ну или можно ли использовать всего один список, но так что бы его содержимое менялось, в зависимости от того какая включена радиокнопка?
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.01.2012, 00:01
Ответы с готовыми решениями:

Создание зависимых выпадающих списков в форме
Всем добрый день! Есть база в ней привязал виды фруктов к продукту. Далее создал форму,на основе этой таблице. Суть...

Связь выпадающих списков в одной форме
Пoмогите создать связь между двумя выпадающими списками в форме "План занятий". 1ый список задаем имя преподавателя, а во втором...

Связь выпадающих списков и календаря на форме
Есть форма с 2 выпадающими списками(ComboBox)- в одном-список дней месяца(1-31), в другом-названия месяцев(январь-декабрь(укр.))....

1
wiggum
02.02.2012, 10:17
Подскажите как сделать, что бы поле для ввода текста появлялось при выборе из выпадающего списка "Другое..." и пропадало при выборе чего то другого?
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
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<style type="text/css">
.text-box {
    display: none;
}
</style>
<script type="text/javascript" >
(function($) {
    $(document).ready( function() {
 
        $('[name="toggle"]').bind('change', function() {
            $('.text-box').toggle( $(this).val() );
        });
 
    });
})(jQuery)
</script>
</head>
 
<body>
<form id="form" action="" method="post">
<select id="toggle_hide" type="select" name="toggle">  
  <option value="t1" id="toggle_hide" type="select" name="toggle" >Опция №1</option>  
  <option value="t2" for="toggle_hide" id="toggle_hide" type="select" name="toggle" >Опция №2</option>  
  <option value="t3" for="toggle_hide" id="toggle_hide" type="select" name="toggle" >Опция №3</option>  
  <option value="t4" id="toggle_show" name="toggle" >Другое...</option>  
  </select>
 
    <div class="text-box"><input type="text" name="text" value="Другое"></div>
</form>
</body>
</html>
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
02.02.2012, 10:17
Помогаю со студенческими работами здесь

программирование выпадающих списков
Добрый день! На форме три выпадающих списка: день, месяц, год. Изменение любого из списков меняет содержимое остальных списков....

Создание выпадающих списков
Нужно создать два выпадающих списка...где один зависит от другого...данные выбираются из БД MySQL запросами... &lt;form...

Несколько выпадающих списков
Есть несколько скрытых списков (&lt;div style=&quot;display: none;&quot;&gt;) и 1 видимый, нужно так чтобы при выборе 1-ого элемента в первом списке...

Сохранение данных из выпадающих списков
Здравствуйте. Скажите пожалуйста возможно ли реализовать в php следующее: есть таблица, в ячейках выпадающие списки, пользователь выбирает...

Тест на основе выпадающих списков
Доброго времени суток, уважаемые Форумчане! Вынуждена просить Вашей помощи в решении нескольких задач, так как сама на данный момент не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru