JSFiddle - React, Tailwind, and code Playground

by Benjamin Bur

HTML

<select id="ddrp1">
    <option value="">Select an option</option>
    <option id="val1" value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>
    <option value="Option 4">Option 4</option>
    <option value="Option 5">Option 5</option>
</select>

JavaScript

$("#ddrp1").mouseup(function() {
    var isOpen = $(this).data("isopen");

		// only alert when mouseup event is called a
    if (isOpen) {
        alert($(this).val());
    }
    
    $(this).data("isopen", !isOpen);
});