JSFiddle - React, Tailwind, and code Playground

by Aditya Chakravarthy

HTML

<select name="cities" id="cities">
    <option value="0">Select</option>
<option value="London">London</option>
<option value="NY">NY</option>
<option value="Rome">Rome</option>
<option value="Paris">Paris</option>
</select>

<div id="data"></div>

JavaScript

$('#cities').change(function(){
    var data = $('#cities :selected').val();
    document.getElementById("data").style.display = "block";
    if(data === "Paris")
        document.getElementById("data").innerHTML = "You have selected Paris";
    else if(data === "Rome")
        document.getElementById("data").innerHTML = "You have selected Rome";
    else if(data === "NY")
        document.getElementById("data").innerHTML = "You have selected NY";
else if(data === "London")
        document.getElementById("data").innerHTML = "You have selected London";    
else
        document.getElementById("data").style.display = "none";
});