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

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

Было необходимо при добавлении новостей на сайт генерировать заголовок новости из данных полученные от 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 код что бы заработало снова?
Спасибо всем заранее.