JSFiddle - React, Tailwind, and code Playground

by Pav KR

HTML

<select class="selector" name="selector">
    <option value="">-- Select --</option>
    <option value="round1">Round 1</option>
    <option value="round2">Round 2</option>
</select>
<div class="target"></div>

CSS

select {margin-bottom: 30px}
.target {padding: 10px; border: 1px solid #000}

JavaScript

function selectInit(){
    var dataSet = {
        round1: ['team1', 'team2', 'team3'],
        round2: ['team4', 'team5', 'team6']
    };
                    
    $('.selector').change(function(){
        $('.target').html(dataSet[$(this).val()].join());
    });
}

$(document).ready(function(){
    selectInit();
});