JSFiddle - React, Tailwind, and code Playground

by zyx954

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>

<select multiple id="selectId">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>
</body>

<script>

    $(function () {
        let flag = 0;

        $("#selectId").click(function (e) {
            /* alert("select changed") */;
            e.stopPropagation();

            if (flag === 0) {
                flag = 1;
                $(document).one("click", function () {
                    flag = 0;
                    alert("select end");

                });
            }

        });
    });
</script>
</html>