JSFiddle - React, Tailwind, and code Playground

by Annie Lagang

HTML

<select name="test">
    <option value="stack">Stack</option>
    <option value="overflow">Overflow</option>
    <option value="my">My</option>
    <option value="question">Question</option>
</select>
<div id="log"></div>

JavaScript

/*(function () {
    var previous;

    $("select[name=test]").focus(function () {
        // Store the current value on focus, before it changes
        previous = this.value;
    }).change(function() {
        // Do soomething with the previous value after the change
        document.getElementById("log").innerHTML = "<b>Previous: </b>"+previous;
        
        previous = this.value;
    });
})();*/

$(document).ready(function(){
var sel = $("select[name=test]");
  sel.data("prev",sel.val());
  sel.change(function(data){
      var jqThis = $(this);
      alert(jqThis.data("prev"));
      jqThis.data("prev",jqThis.val());
    });
});

// SOURCE: http://stackoverflow.com/questions/4076770/getting-value-of-select-dropdown-before-change