Отображение текста опции в теге select, в то время как опции содержат изображение и текст

#html #css #reactjs

Вопрос:

Итак, у меня есть тег select, который выглядит следующим образом :

 <select>
  <option value="v1">
    <img src="..." />
    <span>Text</span>
  </option>
  <option value="v2">
    <img src="..." />
    <span>Text</span>
  </option>
</select>
 

Каждый вариант имеет изображение и некоторый текст…

Чего я хочу добиться, так это того, чтобы текст выбранного параметра отображался в теге select.

Есть ли какой-нибудь простой способ сделать это?

PS: Я использую react в своем проекте… Понятия не имею, имеет ли это значение.

Комментарии:

1. Просто удалите тег img.