JSFiddle - React, Tailwind, and code Playground

HTML

<select class="field" name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

<p id="res">Select an option in the drop-down list.</p>

JavaScript

$(document).ready(function(){
    $(".field").change(function(){
        var selectedValue = $(this).val();
		if($('.field').val()=='volvo'){
			$("#res").html("<input type='text' value='ABC'>");
		}
		else if($('.field').val()=='saab'){
			$("#res").html("<input type='text' value='ABCD'>");
		}
	});
});