我有一个下拉列表,当用户点击其中的语言时 它调用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>
答案 0 :(得分:2)
在单个选项上使用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。