JSFiddle - React, Tailwind, and code Playground

by Brian Houlihan

HTML

<div id="rn_SelectionInput_21" class="rn_SelectionInput rn_Input">
    <div id="rn_SelectionInput_21_LabelContainer">
        <label for="rn_SelectionInput_21_Incident.CustomFields.c.type" id="rn_SelectionInput_21_Label" class="rn_Label">What type of question/comment may we help you with?                    <span class="rn_Required">*</span><span class="rn_ScreenReaderOnly"> Required</span>
                        </label>
    </div>
    <select id="rn_SelectionInput_21_Incident.CustomFields.c.type" name="Incident.CustomFields.c.type">
            <option value="">--</option>
                            <option value="1">Product/Ingredient Question</option>
                    <option value="2">Compliment</option>
                    <option value="3">Community Involvement</option>
                    <option value="4">Suggestion</option>
                    <option value="5">Complaint</option>
                    <option value="6">Testimonial/Success Story</option>
                    <option value="7">Where to buy</option>
                    <option value="8">Other</option>
                </select>
    </div>


<div id="rn_TextInput_24" class="rn_TextInput rn_Input">
    <div id="rn_TextInput_24_LabelContainer">
        <label for="rn_TextInput_24_Incident.CustomFields.c.lot_number" id="rn_TextInput_24_Label" class="rn_Label">
        Lot Number                        </label>
    </div>
    <input type="text" id="rn_TextInput_24_Incident.CustomFields.c.lot_number" name="Incident.CustomFields.c.lot_number" class="rn_Text" maxlength="255">
    </div>

JavaScript

//var pass = document.getElementById('rn_SelectionInput_21_Incident.CustomFields.c.type');
//alert(pass);

function updateType()
{
    console.log(this.options[this.selectedIndex].text);
    console.log(this.options[this.selectedIndex].value);
    if (this.value == 3) {
        document.getElementById('rn_TextInput_24').style.display = 'none';
    }
}
document.getElementsByName('Incident.CustomFields.c.type')[0].onchange = updateType;