JSFiddle - React, Tailwind, and code Playground

by hong gildon

HTML

<select id="test">
    <option value="나를 선택해주세요">나를 선택해주세요</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

CSS

#test {
  width: 150px;
  height: 30px;
}

JavaScript

/* jQuery 사용자정의 플러그인 : 무조건 선택할때마다 이벤트 발생 */
(function($) {
    $.fn.selected = function(fn) {
        return this.each(function() {
            var clicknum = 0;
            $(this).click(function() {
                clicknum++;
                if (clicknum == 2) {
                    clicknum = 0; fn(this);
                }
            });
        });
    };
})(jQuery);

$(document).ready(function(){

    $('#test').selected(function(){
        alert( $('#test').val() );
    });

});