JSFiddle - React, Tailwind, and code Playground

HTML

<select id="dropdown">
  <option value="">Select a type...</option>
  <option value="text">Text</option>
  <option value="number">Number</option>
  <option value="url">URL</option>
</select>

<input type="text" id="input" placeholder="text input">
<input type="number" id="input" placeholder="number input">
<input type="url" id="input" placeholder="url input">

CSS

input{
  display:none;
}

JavaScript

$( "#dropdown" ).on( "change", function() {
	var type = $(this).val();
  $('input').hide();
  if(type !== ''){  	
  	$('input[type="'+type+'"]').show();
  }
});