JSFiddle - React, Tailwind, and code Playground

by kapantzak

HTML

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<div id="textvalue">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>

JavaScript

$('#textvalue > div').each(function() {
    var text = $(this).text();
    $(this).attr('data-tx', text);
});

$('select').on('change', function() {
    var selected = $(this).find(':selected').html();
    $('#textvalue').find('div[data-tx=' + selected + ']').css({'background-color':'red'});
})