JSFiddle - React, Tailwind, and code Playground

HTML

<div id="forms-col">
    <form name="" action="" id="formID">
        <label>Your name:</label>
        <input type="text" name="f_name" value="" />
        <label>Country</label>
        <select name="country">
            <option value="1">usa</option>
            <option value="2">Canada</option>
        </select>
    </form>
</div>
<div>
    <p id="first_name"></p>
    <p id="Country_name"></p>
</div>

JavaScript

$("input[name=f_name]").on('keyup', function () {
        $('#first_name').html($(this).val());
    });
    $("select[name=country]").on('change', function () {
        $('#Country_name').html($(this).find('option:selected').text());
    });