JSFiddle - React, Tailwind, and code Playground

by Serge Zahharenko

HTML

<select>
    <option value="1">Value1</option>
    <option value="2">Value2</option>
    <option value="3">Value3</option>
</select>

JavaScript

$(document).ready(function(){
    var state = [];
    function checkState() {
        if (state.length > 0) {
            if (state[0] == state[1].val()) {
                console.log('nothing changed...');
            } else {
                console.log('new value...');
            }
            state = [];
        }        
    }
    $('select').click(function(e){
      e.stopPropagation();
      sel = $(this);
      val = sel.val();
      if (state.length == 0) {
          state[0] = val;
          state[1] = sel;
      } else {
          checkState();
      }
    });
    $(document).click(function(){
        checkState();
    });
})