JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
 <select id="Country_Select" onchange="displayData()">
            <option value ="COG">Congo, Rep.
            <option value ="AFG">Afghanistan
            <option value ="AND">Andorra
            <option value ="VNM">Vietnam
		</select>

 <select id="year" onchange="displayData()">
            <option value ="2016">You will upload data for 2016
            <option value ="2017">2017
            <option value ="2016">2015
		</select>
    
<p id="text1" style="color:grey"></p>

<p>Input some Data<br>
<input type="text" id="myInput1" value="">
<button type="button" onclick="ReadData()"> Read data </button>
</p>
<p id="text2"></p>

</body>
</html>

JavaScript

function displayData() {
  var iso3 = document.getElementById("Country_Select").value;
  var year = document.getElementById("year").value;
  document.getElementById("text1").innerHTML = "ISO3= " + iso3 + "<br> YEAR=" + year;
}

function ReadData() {
  var data = document.getElementById("myInput1").value
  document.getElementById("text2").innerHTML = "My data is: " + data;
}