JSFiddle - React, Tailwind, and code Playground

HTML

<html lang="en">
    
    <head>
        <title>Document</title>
        <script>
            function filterFilms(selectBox) {
                var displayArea = document.getElementById("displayArea");
                displayArea.innerHTML = selectBox.value + "," + selectBox.selectedIndex + "," + selectBox.options[selectBox.selectedIndex].text;
            }
        </script>
    </head>
    
    <body>
        <select onchange="filterFilms(this);">
            <option value="film1">Film Text 1</option>
            <option value="film2">Film Text 2</option>
            <option value="film3">Film Text 3</option>
        </select>
        <select onchange="filterFilms(this);">
            <option value="color1">Color 1</option>
            <option value="color2">Color 2</option>
            <option value="color3">Color 3</option>
        </select>
        <div id="displayArea" />
    </body>

</html>