Условное перенаправление с помощью файлов cookie

Question

У нас постоянно ведется сборка веб-сайта на WordPress Radio, в рамках которого пользователь выбирает свой регион и состояние в условном раскрывающемся разделе, и будет кнопка отправки, которая перенаправит их на страницу, содержащую определенный контент для этого местоположения.

Вот HTML-код условного выпадающего списка

<form id="location" name="location">
    <table width="50%" border="0" cellspacing="0" cellpadding="5">
        <tr>
            <td width="59%" align="left" valign="middle">
                <select name="region" id="region">
                    <option value="">Select Your Region</option>
                    <option value="queensland">Queensland</option>
                    <option value="new_south_wales">New South Wales</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align="left" valign="middle">
                <select disabled="disabled" id="state" name="state">
                    <option value>Select State</option>
                    <!-- Queensland -->
                    <option rel="queensland" value="">Beaudesert - 92.1 FM</option>
                    <option rel="queensland" value="">Biloela - 89.7 FM</option>
                    <option rel="queensland" value="">Canungra - 88.9 FM</option>
                    <option rel="queensland" value="">Chinchilla - 95.5 FM</option>
                    <option rel="queensland" value="">Cooktown - 92.1 FM</option>
                    <option rel="queensland" value="">Gold Coast - 100.6 FM</option>
                    <option rel="queensland" value="">Goondiwindi - 98.7 FM</option>
                    <option rel="queensland" value="">Logan - 92.1 FM</option>
                    <option rel="queensland" value="">Miles - 101.3 FM</option>
                    <option rel="queensland" value="">Monto - 100.5 FM</option>
                    <option rel="queensland" value="">Richmond - 104.5 FM</option>
                    <option rel="queensland" value="">Stanthorpe - 90.1 FM</option>
                    <option rel="queensland" value="">Taroom - 94.1 FM</option>
                    <option rel="queensland" value="">Theodore - 99.5 FM</option>
                    <option rel="queensland" value="">Weipa - 97.7 FM</option>

                    <!-- New South Wales -->
                    <option rel="new_south_wales" value="">Bourke - 107.3 FM</option>
                    <option rel="new_south_wales" value="">Gloucester - 97.7 FM</option>
                    <option rel="new_south_wales" value="">Tenterfield - 102.5 FM</option>
                </select>
            </td>
        </tr>
    </table>
</form>
<div id="submit_button"><a id="submit-btn" href="https://website.com/">Submit</a></div>

Вот Javascript для условной функциональности и перенаправления

<script>
    $(function(){
        var $cat = $("#region"),
            $subcat = $("#state");

        $cat.on("change",function(){
            var _rel = $(this).val();
            $subcat.find("option").attr("style","");
            $subcat.val("");
            if(!_rel) return $subcat.prop("disabled",true);
            $subcat.find("[rel="+_rel+"]").show();
            $subcat.prop("disabled",false);
        });

    });
</script>
<script>
    document.getElementById("location").onchange = function() {
        document.getElementById("submit-btn").href = "https://website.com/"+this.value+"/";
    }
</script>

Я хотел бы спросить, как реализовать некоторые файлы cookie, чтобычто когда пользователь вернется на сайт, будет загружена последняя посещенная страница местоположения.Любая помощь относительно этого будет оценена.Спасибо!

Answer 1

У меня есть вопрос.Почему вы используете его

document.getElementById("location").onchange

Я думаю, вам нужно установить изменение события для выбора.
Когда пользователь возвращается на сайт, если вы хотите, чтобы была загружена последняя посещенная страница местоположения, вам необходимо сохранить значение select в кеше
Вы можете использовать localStorage.
Когда пользователь выбирает изменение,
мы используем localStorage для сохранения данных в кеше.
Когда пользователь возвращается на сайт, мы получаем данные из кэша и устанавливаем для выбора