Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как скопировать данные из SELECT-а в INPUT?

Как скопировать данные из SELECT-а в INPUT?


     05.01.2021    Общие вопросы по вёрстке, Шаблоны (TPL), jQuery, Хаки    870

вопрос
Здравствуйте.
Конкретно не знаю как сформулировать вопрос что бы было понятно но постараюсь.

Было необходимо при добавлении новостей на сайт генерировать заголовок новости из данных полученные от 3 SELECT-а.

SELECT-ы:


<select name="condition" id="condition" class="basic-multiple" data-rule="required" >
<option value="">--- Выбрать---</option>
<option value="1">Новый</option>
<option value="2">Битый</option>
</select>



<select class="basic-multiple" name="mark" id="mark">
 <option value="">--- Выбрать ---</option>
<option value="1">Марка 1</option>
<option value="2">Марка 2</option>
</select>



<select class="basic-multiple" name="model" id="model">
 <option value="">--- Выбрать ---</option>
<option value="1">Модель 1</option>
<option value="2">Модель 2</option>
</select>


Данные от этих SELECT-ов скопируется :


<input type="text" name="title" id="title" >


Код который обрабатывает все это:


<script>
const selects = document.querySelectorAll('#condition, #mark, #model');
const selectOne = selects[0];
const selectTwo = selects[1];
const selectThree= selects[2];
const input = document.getElementById('title');
 
Array.from(selects).forEach(select => {
  select.addEventListener('change', () => {
 input.value = `${selectOne.options[selectOne.selectedIndex].textContent} ${selectTwo.options[selectTwo.selectedIndex].textContent} ${selectThree.options[selectThree.selectedIndex].textContent}`;
  });
});


Так все работает идеально.

Проблема в следующем:
Я установил на сайте стилизация SELECT-а Choosen
После того как к SELECT-у добавляю класс chosen-select вышеуказанный javascript код перестает работать и не скопирует данные от выбранных SELECT-ов.
javascript для получение текста между
<option></option>
обращается к id SELECT-a.
А после стилизации й javascript код перестает работать.

Скажите пожалуйста как переписать javascript код что бы заработало снова?
Спасибо всем заранее.

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх