JSFiddle - React, Tailwind, and code Playground

HTML

<select id="sort_post_date">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
    <option value="e">e</option>
    <option value="f">f</option>    
</select>

JavaScript

function getSelectData(id) {
        var value='';

        // set value to be the current selected value
        value = jQuery(id+" option:selected").val();

        // change value whenever the box changes
        jQuery(id).change(function () {
            value = jQuery(id+" option:selected").val();
            console.log("I see a change! -> "+value);
        });

        console.log(value);
        return value;
    }
    
    var d = getSelectData("#sort_post_date");
    console.log(d);