JSFiddle - React, Tailwind, and code Playground

HTML

<script>
var spam = "spam";
var eggs = "eggs";
var sausage = "sausage";
var bacon = "bacon";
</script>

<select id='spam' name='spam' onclick="console.log([spam,eggs,sausage,bacon,window.spam,window.eggs,window.sausage,window.bacon])">
    <option value='foo'>foo</option>
    <option value='bar'>bar</option>
</select>

<select id='eggs' name='eggs' onclick="console.log([spam,eggs,sausage,bacon,window.spam,window.eggs,window.sausage,window.bacon])">
    <option value='foo'>foo</option>
    <option value='bar'>bar</option>
</select>

<form id="form">
<select id='sausage' name='sausage' onclick="console.log([spam,eggs,sausage,bacon,window.spam,window.eggs,window.sausage,window.bacon])">
    <option value='foo'>foo</option>
    <option value='bar'>bar</option>
</select>
<select id='bacon' name='bacon' onclick="console.log([spam,eggs,sausage,bacon,window.spam,window.eggs,window.sausage,window.bacon])">
    <option value='foo'>foo</option>
    <option value='bar'>bar</option>
</select>

</form>