Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
0 / 0 / 1
Регистрация: 08.10.2017
Сообщений: 19

Событие на нажатие кнопки

01.12.2017, 17:33. Показов 1448. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
На форме имеется комбобокс и кнопка. Необходимо, чтобы при выборе определенного значения из комбобокс и нажатия на кнопки, следом появлялись разные текстовые поля с кнопками.
Код вот:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
    <body>
  <label> Изменить выбранное поле</label>
       <p><select name="combobox"><option value="Добавить поле">Добавить поле</option><option value="Изменить">Изменить</option></select>
       <input name="button" type="button" value="Выбрать" onclick="vybor()"/>
       <p></p>
       
  
<script type="text/javascript">
function vybor() {
        if (combobox="Добавить поле")
        { 
                  Добавляется поле1 и кнопка1
 
                }
 
        if (combobox="Изменить")
                {
                 Добавляется поле2 и кнопка2}
            }   
</script>
</body>
</html>
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
01.12.2017, 17:33
Ответы с готовыми решениями:

Многократное нажатие на событие
Подскажите как отменить многократное нажатие на кнопку. Как ограничить нажатие на каждые 3 секунды. В моём случае возникает баг. Может...

Многократное нажатие на событие
Подскажите, если я часто нажимаю на кнопку то моя анимация(элемент повляется, потом исчезает) дает баг. Как сделать чтобы кнопка не...

Событие про нажатие кнопки нажать
У меня скрипт начинает работать когда происходит событие &lt;body onload=&quot;///&quot;&gt; но это событие не происходит когда в браузере нажимаешь...

2
Всегда онлайн
 Аватар для MrOnlineCoder
1084 / 788 / 295
Регистрация: 07.04.2013
Сообщений: 2,703
02.12.2017, 19:59
Лучший ответ Сообщение было отмечено Zebden как решение

Решение

Zebden, https://jsfiddle.net/ve5rpa8x/3/
HTML5
1
2
3
4
5
6
7
8
9
10
11
<label> Изменить выбранное поле</label>
<p>
  <select id="combobox">
    <option value="Добавить поле" selected="">Добавить поле</option>
    <option value="Изменить">Изменить</option>
  </select>
  <input name="button" type="button" value="Выбрать" onclick="vybor()" /> 
</p>
 
<div id="var1" style="display: none;"><h3>Добавить поле 1</h3></div>
<div id="var2" style="display: none;"><h3>Изменить 2</h3></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var v1 = document.getElementById("var1");
var v2 = document.getElementById("var2");
 
function vybor() {
  var el = document.getElementById("combobox");
  var op = el.options[el.selectedIndex].value;
 
  v1.style.display = "none";
  v2.style.display = "none";
  
  if (op == "Добавить поле") {
    v1.style.display = "block";
  }
  
  if (op == "Изменить") {
        v2.style.display = "block";
  }
}
0
0 / 0 / 1
Регистрация: 08.10.2017
Сообщений: 19
03.12.2017, 06:51  [ТС]
MrOnlineCoder, большое спасибо за код и за исправление моего) пока только учусь, а вы мне помогли
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.12.2017, 06:51
Помогаю со студенческими работами здесь

Как создать событие на кнопке при нажатие на неё 5 раз?
Добрый день! Подскажите, как реализовать такую фишку на JavaScript или jQuery: Нужно, чтобы при нажатии на картинку или кнопку 5 раз,...

На экране расположены текст и две кнопки с надписями "красный" и "зеленый". Нажатие на эти кнопки приводит к соответствующему изменению цвета текста.
На экране расположены текст и две кнопки с надписями &quot;красный&quot; и &quot;зеленый&quot;. Нажатие на эти кнопки приводит к соответствующему изменению...

Условие нажатие кнопки
Как написать условие нажатие кнопки мыши в скрипте, то есть так: Если нажат левая кнопка мыши, то ... Мне надо чтобы, если нажата кнопка,...

JQuery Нажатие кнопки
Здравствуйте. Как сделать действие по нажатию комбинации на клавиатуре. К примеру, как здесь: Отправить быстрый ответ (Ctrl + Enter)

Автоматическое нажатие кнопки
Здравствуйте! незнаю в эту ветку задал вопрос или нет! Ситуация такая, есть скрипт(макрос) который начиная работать заходит на сайт и на...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью 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