JSFiddle - React, Tailwind, and code Playground

by Peter

HTML

<select id="foo">
    <option selected value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

JavaScript

$(document).on("select", function () {
     console.log("Document select event");
});

$(document).on("select", "#foo" function () {
     console.log("Deleted select event");
});

$(document).on("click", function () {
     console.log("Document click event");
});

$('#foo').on("select", function () {
     console.log("Foo select event");
     alert("Foo");
});

$('#foo').on("click", function () {
     console.log("Foo click event");
});