JSFiddle - React, Tailwind, and code Playground

by Kriti

HTML

<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label">Pricing</label>
    <div class="col-sm-10">
        <select class="form-control" name="pricing" id="pricing">
            <option>Please Select</option>
            <option value="1">Value 1</option>
            <option value="2">Value 2</option>
        </select>
    </div>
</div>
<div class="form-group">
    <label class="col-sm-2 col-sm-2 control-label" id="textLabel">Our Text Input</label>
    <div class="col-sm-10">
        <input type="text" name="pricing" id="textbox" class="form-control">
    </div>
</div>

JavaScript

$(document).ready(function () {
    $("#pricing").change(function () {
        if ($(this).val() == "1") {
            $("#textbox").hide();
            $("#textLabel").hide();
        } else {
            $("#textbox").show();
            $("#textLabel").show();
        }
    });
});