Как вытащить текст из дивов, и на их основании создать селект?

Question

[MegaPuxapb]

Есть блок, содержимое которого формируется динамически. В итоге получается:

<div class="text">text1</div>
<div class="text">text2</div>
<div class="text">text3</div>

На основании содержимого в .text необходимо создать select. Типа этого:

<select name="" id="select">
        <option value="text1">text1</option>
        <option value="text2">text2</option>
        <option value="text3">text3</option>
</select>

Answer 1

[Никита Егоров]

const array  = Array.from(document.getElementsByClassName('text')).map(len => len.innerHTML),
      select = document.getElementById('select');

select.innerHTML = `${array.map(el => '<option>' + el + '</option>').join('')}`;

Comments

[MegaPuxapb]

спасибо.
А не подскажите, как при выборе option в селекте, добавить соответствующему .text class .active?

[Никита Егоров]

MegaPuxapb, javascript.ru/forum/misc/42598-dobavit-klass-dlya-...

[MegaPuxapb]

не совсем то.
как содержимое .text запихнуть не только в option, но и в value этого option?
что бы вышло:

<option value="text1">text1</option>
        <option value="text2">text2</option>
        <option value="text3">text3</option>

[Никита Егоров]

MegaPuxapb, https://jsfiddle.net/Svupol/rk8q3zpn/19/

[MegaPuxapb]

работает! огромно спасибо)