JSFiddle - React, Tailwind, and code Playground

by astex

HTML

<div class="face left">
    <p></p>
    <select>
        <option value="empty">Select one</option>
        <option value="ab18e97e6c64f8db588e95772daf51b4">Takeshi</option>
        <option value="d27b579c196202648ba7c4b1904e8e20">Osuka</option>
    </select>
</div>
<div class="face right">
    <p></p>
    <select>
        <option value="empty">Select one</option>
        <option value="ab18e97e6c64f8db588e95772daf51b4">Takeshi</option>
        <option value="d27b579c196202648ba7c4b1904e8e20">Osuka</option>
    </select>
</div>

JavaScript

$('.face select').on('change', function () {

    var paragraph = $(this).siblings('p');
    var selector = $(this);

    paragraph.text(selector.val());

});