JSFiddle - React, Tailwind, and code Playground
HTML
<select name="choice" id="choice">
<option value="0">Choix 0</option>
<option value="1">Choix 1</option>
<option value="2">Choix 2</option>
<option value="3">Choix 3</option>
<option value="4">Choix 4</option>
<option value="5">Choix 5</option>
</select>
<img src="image0.png" alt="Choix" id="choice_img" />
JavaScript
var choices = ['image0.png', 'image1.png', 'image2.png', 'image3.png', 'image4.png', 'image5.png'];
window.onload = function() {
var select_tag = document.getElementById('choice'),
img_tag = document.getElementById('choice_img');
select_tag.onchange = function() {
var choice_nb = this.value;
var image_url = choices[choice_nb];
img_tag.src = image_url;
};
};