JSFiddle - React, Tailwind, and code Playground

HTML

<div class="conditional">
    <select size="1">
        <option>Please select</option>
        <option>is between</option>
        <option>is not between</option>
    </select>
</div>
<div class="conditional">
    <select size="1">
        <option>Please select</option>
        <option>is between</option>
        <option>is not between</option>
    </select>
</div>
<div class="conditional">
    <select size="1">
        <option>Please select</option>
        <option>is between</option>
        <option>is not between</option>
    </select>
</div>
<div class="conditional">
    <select size="1">
        <option>Please select</option>
        <option>is between</option>
        <option>is not between</option>
    </select>
</div>
<div class="conditional">
    <select size="1">
        <option>Please select</option>
        <option>is between</option>
        <option>is not between</option>
    </select>
</div>

JavaScript

$(document).ready(function() {
        // store our select as a jQuery object
        var $select = $(".conditional select");
        $select.change(function() {
            // get our parent (the div)
            var $wrapper = $(this).closest(".conditional");

            // if the selected option's text is "in between"
            if($("option:selected", this).text() == "is between") {
                // append a textbox
                var $newTextbox = $("<input type='text' />");
                $newTextbox.css('color', 'red'); //perhaps set some CSS properties?
                $wrapper.append($newTextbox);
            }
        });
    });