JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div>
        <label for="updated_status">Select Fruit</label>
        <select name="updated_status" id="updated_status">
            <option value="apples">apples</option>
            <option value="cherries">cherries</option>
            <option value="oranges">oranges</option>
        </select>
    </div>
    <div>
        <label for="commets">Comments</label>
        <textarea name="comments" id="comments" cols="30" rows="10"></textarea>
    </div>
    <div>
        <button type="submit">submit</button>
    </div>
</form>

CSS

form {
    margin:50px;
    font-size:1rem;
}
form > div {
    margin:0 0 20px;
}
label {
    display:block;
    vertical-align:top;
    margin-bottom:5px;
}
textarea {
    padding:.5rem;
}

JavaScript

var feedit = new Array({
    value: 'oranges',
    areatext: 'my message'
},
{                      
    value: 'apples',
    areatext: 'another message'
});

$('#updated_status').on('change', function () {
    var e = $(this).val();
    $.each(feedit, function (key, val) {
        if (e == val.value) {
            $('#comments').val(val.areatext);
        }
    });
});