JSFiddle - React, Tailwind, and code Playground

by egorbatik

HTML

<select id="award-type" name="award-type">
    <option value="">choose one</option>
    <option value="award1">Award 1</option>
    <option value="award2">Award 2</option>
    <option value="award3">Award 3</option>
    <option value="award4">Award 4</option>
    <option value="award5">Award 5</option>
    <option value="award6">Award 6</option>
</select>
<div class="award-text"></div>

JavaScript

$('#award-type').change(function () {
        
    switch ($('#award-type').val()) {
            case "award1":
                $('.award-text').text("you won award 1");
                break;
            case "award2":
                $('.award-text').text("you won award 2");
                break;
            case "award3":
                $('.award-text').text("you won award 3");
                break;
            default:
                $(".award-text").text(" ");
        }
    return true;
    });