Question

我有一个下拉列表，当用户点击其中的语言时它调用js函数来改变语言环境它在Firefox中运行良好但在Chrome中根本不起作用，我不知道为什么

列表：

<select name="languageMenu" >
    <option selected="selected" ><fmt:message key="language.languages" /></option>
    <option value="en" onclick="switchLocale('en');"><fmt:message key="language.English"/></option>
    <option value="ar" onclick="switchLocale('ar');" ><fmt:message key="language.Arabic"/></option>
</select>

JS：

<script type="text/javascript">

    function switchLocale(lang_opt) {
        var selected = lang_opt.selectedIndex;
        //var locale = lang_opt.options[selected].value;
        var locale = lang_opt;

        var href = document.location.href;
        if (href[href.length - 1] === "#") {
            href = href.substr(0, href.length - 1); // -1 removes "#"
        }
        var newHref = "";
        if (document.location.search.length > 0) {
            var langParamIndex = href.indexOf("lang");
            if (langParamIndex > -1) {
                newHref = href.substr(0, langParamIndex);
                newHref += "lang=" + locale;
                newHref += href.substr(langParamIndex + "lang=zz".length);
            } else {
                newHref = href + "&lang=" + locale;
            }
        } else {
            newHref = href + "?lang=" + locale;
        }
        document.location = newHref;
    }  
</script>

Answer 1

在单个选项上使用onclick处理程序没有明确定义的行为，您应该将事件更改为选择框本身的onchange：

<select name="languageMenu" onchange="switchLocale(this.value)"> 
    <option selected="selected"><fmt:message key="language.languages" /></option>
    <option value="en"><fmt:message key="language.English"/></option>
    <option value="ar"><fmt:message key="language.Arabic"/></option>
</select>

选项也应该默认为我当前的语言，所以当我选择与我正在使用的语言环境相同的语言环境时，我无法触发onchange。

更改用户区域设置在chrome中不起作用

1 个答案: