JSFiddle - React, Tailwind, and code Playground

by Satpal Singh

HTML

<div class="content" data-role="content">
    <div data-role="fieldcontain">
         <h3 class="select center-h3">I am a:</h3>

        <select name="business" id="business">
            <option value="technical">Technical</option>
            <option value="sales">Sales</option>
        </select>
    </div>
    <div data-role="fieldcontain">
         <h3 class="select center-h3">My partner is a:</h3>

        <select name="partner-business" id="partner-business">
            <option value="technical">Technical</option>
            <option value="sales">Sales</option>
        </select>
    </div>
</div>

JavaScript

$(document).ready(function () {

    if (typeof localStorage.me !== "undefined") {
        console.log("test");
        $("#business").val(localStorage.me);
    }
    if (typeof localStorage.partner !== "undefined") {
        $("#partner-business").val(localStorage.partner);
    }

    $(".content").on("change", "#business", function (event) {
        localStorage.setItem("me", $(this).val());
    });
    $(".content").on("change", "#partner-business", function (event) {
        localStorage.setItem("partner", $(this).val());
    });
});