通过 localStorage 更改语言

Question

使用<select> <option value = ""> </option>更改网站语言 语言更改成功。

<select class="tt-select" id="lang" name="forma" onchange="location = this.value;">
    <option value="<?php echo htmlspecialchars(return_i18n_setlang_url('en')); ?>">ENG</option>
    <option value="<?php echo htmlspecialchars(return_i18n_setlang_url('ru')); ?>">RUS</option>
    <option value="<?php echo htmlspecialchars(return_i18n_setlang_url('de')); ?>">DEU</option>
    <option value="<?php echo htmlspecialchars(return_i18n_setlang_url('es')); ?>">SPA</option>                             </select>

选择语言后，页面会重新加载并显示列表中的第一个值。如何使所选语言显示？

他们建议使用 localStorage，但我对此一无所知。我用谷歌做的，它不起作用::

<script>
         (function(){
                var select = document.querySelector('#lang');
                if (localStorage.selectedIndex !== undefined) {
                    select.selectedIndex = localStorage.selectedIndex;
                }
                select.onchange = function() {
                    localStorage.selectedIndex = this.selectedIndex;
                }
            })()
</script>

代码<?php echo htmlspecialchars(return_i18n_setlang_url('es')); ?> 强制网站以所需语言提供内容。我知道它需要以其他方式提供，但我不明白如何

Answer 1

我根本不会为此目的使用 js，PHP 知道您选择的语言，使用它在适当的<option> 中打印selected 属性：

// assuming the PHP variable $lang contains the selected language
<select class="tt-select" id="lang" name="forma" onchange="location = this.value;">
    <option <?php echo $lang == "en" ? "selected" : "" ?> value="<?php echo htmlspecialchars(return_i18n_setlang_url('en')); ?>">ENG</option>
    <option <?php echo $lang == "ru" ? "selected" : "" ?> value="<?php echo htmlspecialchars(return_i18n_setlang_url('ru')); ?>">RUS</option>
    <option <?php echo $lang == "de" ? "selected" : "" ?> value="<?php echo htmlspecialchars(return_i18n_setlang_url('de')); ?>">DEU</option>
    <option <?php echo $lang == "es" ? "selected" : "" ?> value="<?php echo htmlspecialchars(return_i18n_setlang_url('es')); ?>">SPA</option>
</select>