JSFiddle - React, Tailwind, and code Playground

HTML

<select id="form-control">
  <option value="windows">Windows</option>
  <option value="os x">Os X</option>
  <option value="ubuntu">Ubuntu</option>
</select> 
<button type="submit" name="button" class="submit">
<i class="fa fa-floppy-o"></i>
test
</button>


<img src="http://media.idownloadblog.com/wp-content/uploads/2016/01/512x512bb-85.png" style="height:60PX;">
<img src="https://www.vojtechkral.cz/wp-content/uploads/2017/07/Ubuntu-logo-300x300.png" style="height:60PX;">
<img src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" style="height:60PX;">

JavaScript

// Use the handy event callback
       
          
     
        
var e = document.getElementById("form-control");

var img = document.querySelectorAll("img");
var submit = document.querySelector("button");

var imgApple = img[0];
var imgUbuntu = img[1];
var imgWindows = img[2];

submit.addEventListener("click", function () {

    if ( e.options[e.selectedIndex].text== "Windows") {
         imgWindows.style.display= "block";
    imgApple.style.display= "none";
    imgUbuntu.style.display= "none";
        }
        else if( e.options[e.selectedIndex].text== "Os X") {
         imgWindows.style.display= "none";
    imgApple.style.display= "block";
    imgUbuntu.style.display= "none";
        }
          else if( e.options[e.selectedIndex].text== "Ubuntu") {
         imgWindows.style.display= "none";
    imgApple.style.display= "none";
    imgUbuntu.style.display= "block";
        }

});