JSFiddle - React, Tailwind, and code Playground

HTML

<select id="theSelect">
<option value ="select">Select</option>
 <option value="888">Foo</option>
 <option value="999">Bar</option>
</select>

 <div class="box" id="box"></div>

JavaScript

$("#theSelect").on("change", function() {
var id = $('#theSelect option:selected').val();

if(id == '888'){

    var link = $("<a>");
                link.attr("href", "http://www.google.com");
                link.attr("title", "Google.com");
                link.text("Google");
                link.addClass("link");
                $(".box").show();
                $(".box").html(link);
                
 }else if (id == '999'){
     var link = $("<a>");
                link.attr("href", "http://www.yahoo.com");
                link.attr("title", "yahoo.com");
                link.text("Yahoo");
                link.addClass("link");
                $(".box").show();
                $(".box").html(link);
 
 }else if (id == 'select'){
 $(".box").hide();
 }        
});