我有一个JSP页面,我想使用Google翻译在复选框上将该页面翻译成西班牙语。
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: "en", includedLanguages: "es", defaultLanguage: "es"}, 'google_translate_element');
}
var lang="";
$('#spanish').on('change', function(){
if($(this).prop("checked") == true) {
lang="es";
changeLanguage(lang);
}
else if($(this).prop("checked") == false){
lang="en";
changeLanguage(lang);
}
});
function changeLanguage(lang){
var language = lang;
var selectField = document.querySelector("#google_translate_element select");
for(var i=0; i < selectField.children.length; i++){
var option = selectField.children[i];
// find desired langauge and change the former language of the hidden selection-field
if(option.value==language){
selectField.selectedIndex = i;
// trigger change event afterwards to make google-lib translate this side
console.log("Language changed to "+lang);
selectField.dispatchEvent(new Event('change'));
break;
}
}
}
当我选中复选框时,它确实翻译了我的网页,但是当取消选中它时,它应该翻译回英文,但不是。我做错了什么?任何想法都会有所帮助。