@AndreyKuz
разработка сайтов на CMS PrestaShop 1.6

Как выводить текст в различные блоки в зависимости от значения в select'e?

Есть заготовка. Как сделать, чтобы текст, введенный в инпут, выводился в соответствующем div в зависимости от выбранного option? То есть, если выбран <option value="1111">Аванс</option>, то вывод текста в div с классом ttd_comment1, если выбран <option value="2222">Аванс2</option>, то вывод текста в div с классом ttd_comment2 и т.д.
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const select = document.querySelector('select');
const button = document.querySelector('button');
const input = document.querySelector('input');
const blocks = document.querySelectorAll('.ttd');

button.addEventListener('click', () => {
  const value = input.value.trim();
  if (value) {
    blocks[select.selectedIndex].innerText = value;
  }
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы