JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<select>
    <option value="0">choose form</option>
    <option value="1">Form 1</option>
    <option value="2">Form 2</option>
    <option value="3">Form 3</option>
    <option value="4">Form 4</option>
    <option value="5">Form 5</option>
</select>
<form id='form-1'></form>

JavaScript

$('select').change(function () {
    if ($('option:selected', this).val() == 1) {
        //$('form').hide();
        $('#form-1').html($('<input />').attr({
            'id': 'textBox1',
                'value': 'Something is here'
        }));
    } else {
        $('#form-1').html($('<input />').attr({
            'id': 'textBox2',
                'value': 'Something ELSE is here'
        }));
    }
});