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

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

24.01.2012, 00:01. Показов 977. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru