С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 12.03.2014
Сообщений: 31

Событие select

29.01.2017, 20:00. Показов 2095. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Уважаемые эксперты, очень нужна ваша помощь.
Допустим:
HTML5
1
2
3
4
5
6
<select>
<option>Изделие1</option>
<option>Изделие2</option>
<option>Изделие3</option>
</select>
<p>100 рублей</p>
Нужен скрипт, который менял бы цену, в зависимости от выбранной позиции.
Как обработать данное событие? Напишите, пожалуйста, пример. Не пойму как работать с данными событиями.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
29.01.2017, 20:00
Ответы с готовыми решениями:

Select. событие активации списка
Доброе время суток! Я, так понимаю, что события (стандартного) на открытие, собственно, списка в тэге &lt;select&gt; нет. Т.е. я не...

событие onchange тэга select
&lt;select id=&quot;street&quot; onchange=&quot;getstations()&quot;&gt; &lt;option value=0&gt;Виберіть вулицю&lt;/option&gt; &lt;option...

Как писать функцию, реагирующую на событие изменения выбора в теге select?
Как писать функцию, реагирующую на событие изменения выбора в теге select?

2
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
29.01.2017, 22:15
Лучший ответ Сообщение было отмечено JoMalcolm как решение

Решение

Вариант решения:
HTML5
1
2
3
4
5
6
<select id="select" onchange="changePrice()">
<option>Изделие1</option>
<option>Изделие2</option>
<option>Изделие3</option>
</select>
<p id="price">100 рублей</p>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 function changePrice(){
var price = document.getElementById("price");
var select = document.getElementById("select");
if(select.selectedIndex === 0){
  price.innerHTML = "100 рублей"
}
if(select.selectedIndex === 1){
  price.innerHTML = "200 рублей"
}
if(select.selectedIndex === 2){
  price.innerHTML = "300 рублей"
}
 
}
1
0 / 0 / 0
Регистрация: 12.03.2014
Сообщений: 31
30.01.2017, 15:51  [ТС]
Спасибо огромное, всё стало понятно!

Добавлено через 2 часа 50 минут
Подскажите, пожалуйста, почему не работает?
Пытаюсь сделать следующее:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
<head><script type="text/javascript">
 
function getPrice(){
var price = document.getElementById("price");
price.innerHTML = "100 ₽";
}
getPrice();
 
</script></head>
 
<p id="price">Цена</p>
Добавлено через 49 минут
Разобрался)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
30.01.2017, 15:51
Помогаю со студенческими работами здесь

Тэг "<select>", событие onchange или onclick
Здравствуйте. Есть файл index.php: &lt;?php ini_set('display_errors', true); error_reporting(-1); echo '&lt;!doctype html&gt;'; ...

Сохранение значения select и работоспособность второго select после отправки формы
Добрый вечер!Есть проблемка-не могу сохранить значение селекта,сохранив работоспособность др.селектов после отправки формы....страну...

Как при выборе определённого значения поля select показать новое поле select
Такая задача, у меня есть список значений в поле типа select. Value1 Value2 Value3 Value4 При если пользователь выбирает Value2 ...

Отключить элементы select на странице, пока страница не загрузится после выбоар элемента в select
Как это можно сделать ?

Скрывать select если в другом select выбран определенный value
допустим есть форма &lt;form&gt; &lt;select id=&quot;i1&quot; name=&quot;price1&quot;&gt; &lt;option value=&quot;0&quot;&gt;нет&lt;/option&gt; &lt;option...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru