Javascript 谷歌翻译下拉列表-设置语言选项标签在该语言本身

Javascript 谷歌翻译下拉列表-设置语言选项标签在该语言本身,javascript,google-translate,language-translation,google-translation-api,google-translator-toolkit,Javascript,Google Translate,Language Translation,Google Translation Api,Google Translator Toolkit,我在代码中使用了google translate元素: <div id="google_translate_element"></div> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } <scrip

我在代码中使用了google translate元素:

<div id="google_translate_element"></div>
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: 'en'
    }, 'google_translate_element');
}
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
自定义选择:

<select id="custom-translate" style="display:none;">
  <option value="">Select Language</option>
  <option value="af">Afrikaans</option>
  <option value="sq">Albanian</option>
  <option value="am">Amharic</option>
  <option value="ar">Arabic (العربية)</option>
  ...
</select>

选择语言
南非荷兰语
阿尔巴尼亚语
阿姆哈拉语
阿拉伯文
...
当我在控制台上尝试加载所有内容时,这是可行的,但当我在文件中添加此代码时,问题是GoogleTranslateElementUnit最终执行

那么,在谷歌翻译完成后,如何让代码执行?

我自己也为此奋斗了很长一段时间。最后,我不得不学习一些JQuery来访问iframe并编辑下拉列表中的文本。一旦我能够访问文本元素,我就编写了一个大规模的switch语句,将该语言的英语版本的文本更改为其母语。我使用google translate或apps脚本LanguageApp来翻译语言名称

$("#google_translate_element").on("click", function () {
  var languages = $("iframe").contents().find(".text").get();
  console.log(languages);
  for (i = 0; i < languages.length; ++i) {
    var languageElem = languages[i];
    var Lang = languageElem.textContent;
    console.log(Lang);
    var nativeLang = getNativeLang(Lang);
    if (!nativeLang) {
      nativeLang = Lang;
    }
    languageElem.textContent = nativeLang;
    console.log(nativeLang);
  }
});

function getNativeLang(Lang) {
  switch (Lang) {
    case "Spanish":
      return "Español";
    case "Haitian Creole":
      return "Kreyòl Ayisyen";
    case "Portuguese":
      return "Português";
    case "Chinese (Simplified)":
      return "中文";
    case "Chinese (Traditional)":
      return "中文";
    case "Afrikaans":
      return "Afrikaans";
    case "Albanian":
      return "Shqiptar";
    case "Amharic":
      return "አማርኛ";
    case "Arabic":
      return "عربى";
    case "Armenian":
      return "Հայերեն";
    case "Azerbaijani":
      return "AzəRbaycan";
    case "Basque":
      return "Euskal";
    case "Belarusian":
      return "Беларус";
    case "Bengali":
      return "বাংলা";
    case "Bosnian":
      return "Bosanski";
    case "Bulgarian":
      return "Български";
    case "Catalan":
      return "Català";
    case "Cebuano":
      return "Cebuano";
    case "Corsican":
      return "Corsu";
    case "Croatian":
      return "Hrvatski";
    case "Czech":
      return "Čeština";
    case "Danish":
      return "Dansk";
    case "Dutch":
      return "Nederlands";
    case "Esperanto":
      return "Esperanto";
    case "Estonian":
      return "Eestlane";
    case "Filipino":
      return "Pilipino";
    case "Finnish":
      return "Suomalainen";
    case "French":
      return "Français";
    case "Frisian":
      return "Frysk";
    case "Galician":
      return "Galego";
    case "Georgian":
      return "ᲥᲐᲠᲗᲣᲚᲘ";
    case "German":
      return "Deutsche";
    case "Greek":
      return "Ελληνικά";
    case "Gujarati":
      return "ગુજરાતી";
    case "Hausa":
      return "Hausa";
    case "Hawaiian":
      return "ʻŌlelo Hawaiʻi";
    case "Hebrew":
      return "עברית";
    case "Hindi":
      return "हिन्दी";
    case "Hmong":
      return "Hmong";
    case "Hungarian":
      return "Magyar";
    case "Icelandic":
      return "Íslensku";
    case "Igbo":
      return "Ndi Igbo";
    case "Indonesian":
      return "Bahasa Indonesia";
    case "Irish":
      return "Gaeilge";
    case "Italian":
      return "Italiano";
    case "Japanese":
      return "日本語";
    case "Javanese":
      return "Basa Jawa";
    case "Kannada":
      return "ಕನ್ನಡ";
    case "Kazakh":
      return "Қазақ";
    case "Khmer":
      return "ខ្មែរ";
    case "Korean":
      return "한국어";
    case "Kinyarwanda":
      return "Ikinyarwanda";
    case "Kurdish (Kurmanji)":
      return "Kurdî";
    case "Kyrgyz":
      return "Кыргызча";
    case "Lao":
      return "ລາວ";
    case "Latin":
      return "Latine";
    case "Latvian":
      return "Latvietis";
    case "Lithuanian":
      return "Lietuvis";
    case "Luxembourgish":
      return "Lëtzebuergesch";
    case "Macedonian":
      return "Македонски";
    case "Malagasy":
      return "Malagasy";
    case "Malay":
      return "Bahasa Melayu";
    case "Malayalam":
      return "മലയാളം";
    case "Maltese":
      return "Malti";
    case "Maori":
      return "Maori";
    case "Marathi":
      return "मराठी";
    case "Mongolian":
      return "Монгол";
    case "Myanmar (Burmese)":
      return "မြန်မာ";
    case "Nepali":
      return "नेपाली";
    case "Norwegian":
      return "Norsk";
    case "Nyanja":
      return "Nyanja";
    case "Odia (Oriya)":
      return "ଓଡିଆ";
    case "Pashto":
      return "پښتو";
    case "Persian":
      return "فارسی";
    case "Polish":
      return "Polskie";
    case "Punjabi":
      return "ਪੰਜਾਬੀ";
    case "Romanian":
      return "Română";
    case "Russian":
      return "Русский";
    case "Samoan":
      return "Sāmoa";
    case "Serbian":
      return "Српски";
    case "Sesotho":
      return "Sesotho";
    case "Shona":
      return "Shona";
    case "Scots Gaelic":
      return "Gàidhlig";
    case "Sindhi":
      return "سنڌي";
    case "Sinhala":
      return "සිංහල";
    case "Slovak":
      return "Slovenský";
    case "Slovenian":
      return "Slovenščina";
    case "Somali":
      return "Soomaali";
    case "Sundanese":
      return "Urang Sunda";
    case "Swahili":
      return "Kiswahili";
    case "Swedish":
      return "Svenska";
    case "Tagalog":
      return "Tagalog";
    case "Tajik":
      return "Точик";
    case "Tamil":
      return "தமிழ்";
    case "Telugu":
      return "తెలుగు";
    case "Thai":
      return "ไทย";
    case "Turkish":
      return "Türk";
    case "Turkmen":
      return "türkmençe";
    case "Ukrainian":
      return "Українська";
    case "Urdu":
      return "اردو";
    case "Uyghur":
      return "ئۇيغۇر تىلى";
    case "Uzbek":
      return "O'Zbek";
    case "Vietnamese":
      return "TiếNg ViệT";
    case "Welsh":
      return "Cymraeg";
    case "Xhosa":
      return "Isixhosa";
    case "Yiddish":
      return "יידיש";
    case "Yoruba":
      return "Yoruba";
    case "Zulu":
      return "Isizulu";
  }
}
$(“#谷歌翻译元素”)。在(“点击”,函数(){
var languages=$(“iframe”).contents().find(“.text”).get();
console.log(语言);
对于(i=0;i<select id="custom-translate" style="display:none;">
  <option value="">Select Language</option>
  <option value="af">Afrikaans</option>
  <option value="sq">Albanian</option>
  <option value="am">Amharic</option>
  <option value="ar">Arabic (العربية)</option>
  ...
</select>
$("#google_translate_element").on("click", function () {
  var languages = $("iframe").contents().find(".text").get();
  console.log(languages);
  for (i = 0; i < languages.length; ++i) {
    var languageElem = languages[i];
    var Lang = languageElem.textContent;
    console.log(Lang);
    var nativeLang = getNativeLang(Lang);
    if (!nativeLang) {
      nativeLang = Lang;
    }
    languageElem.textContent = nativeLang;
    console.log(nativeLang);
  }
});

function getNativeLang(Lang) {
  switch (Lang) {
    case "Spanish":
      return "Español";
    case "Haitian Creole":
      return "Kreyòl Ayisyen";
    case "Portuguese":
      return "Português";
    case "Chinese (Simplified)":
      return "中文";
    case "Chinese (Traditional)":
      return "中文";
    case "Afrikaans":
      return "Afrikaans";
    case "Albanian":
      return "Shqiptar";
    case "Amharic":
      return "አማርኛ";
    case "Arabic":
      return "عربى";
    case "Armenian":
      return "Հայերեն";
    case "Azerbaijani":
      return "AzəRbaycan";
    case "Basque":
      return "Euskal";
    case "Belarusian":
      return "Беларус";
    case "Bengali":
      return "বাংলা";
    case "Bosnian":
      return "Bosanski";
    case "Bulgarian":
      return "Български";
    case "Catalan":
      return "Català";
    case "Cebuano":
      return "Cebuano";
    case "Corsican":
      return "Corsu";
    case "Croatian":
      return "Hrvatski";
    case "Czech":
      return "Čeština";
    case "Danish":
      return "Dansk";
    case "Dutch":
      return "Nederlands";
    case "Esperanto":
      return "Esperanto";
    case "Estonian":
      return "Eestlane";
    case "Filipino":
      return "Pilipino";
    case "Finnish":
      return "Suomalainen";
    case "French":
      return "Français";
    case "Frisian":
      return "Frysk";
    case "Galician":
      return "Galego";
    case "Georgian":
      return "ᲥᲐᲠᲗᲣᲚᲘ";
    case "German":
      return "Deutsche";
    case "Greek":
      return "Ελληνικά";
    case "Gujarati":
      return "ગુજરાતી";
    case "Hausa":
      return "Hausa";
    case "Hawaiian":
      return "ʻŌlelo Hawaiʻi";
    case "Hebrew":
      return "עברית";
    case "Hindi":
      return "हिन्दी";
    case "Hmong":
      return "Hmong";
    case "Hungarian":
      return "Magyar";
    case "Icelandic":
      return "Íslensku";
    case "Igbo":
      return "Ndi Igbo";
    case "Indonesian":
      return "Bahasa Indonesia";
    case "Irish":
      return "Gaeilge";
    case "Italian":
      return "Italiano";
    case "Japanese":
      return "日本語";
    case "Javanese":
      return "Basa Jawa";
    case "Kannada":
      return "ಕನ್ನಡ";
    case "Kazakh":
      return "Қазақ";
    case "Khmer":
      return "ខ្មែរ";
    case "Korean":
      return "한국어";
    case "Kinyarwanda":
      return "Ikinyarwanda";
    case "Kurdish (Kurmanji)":
      return "Kurdî";
    case "Kyrgyz":
      return "Кыргызча";
    case "Lao":
      return "ລາວ";
    case "Latin":
      return "Latine";
    case "Latvian":
      return "Latvietis";
    case "Lithuanian":
      return "Lietuvis";
    case "Luxembourgish":
      return "Lëtzebuergesch";
    case "Macedonian":
      return "Македонски";
    case "Malagasy":
      return "Malagasy";
    case "Malay":
      return "Bahasa Melayu";
    case "Malayalam":
      return "മലയാളം";
    case "Maltese":
      return "Malti";
    case "Maori":
      return "Maori";
    case "Marathi":
      return "मराठी";
    case "Mongolian":
      return "Монгол";
    case "Myanmar (Burmese)":
      return "မြန်မာ";
    case "Nepali":
      return "नेपाली";
    case "Norwegian":
      return "Norsk";
    case "Nyanja":
      return "Nyanja";
    case "Odia (Oriya)":
      return "ଓଡିଆ";
    case "Pashto":
      return "پښتو";
    case "Persian":
      return "فارسی";
    case "Polish":
      return "Polskie";
    case "Punjabi":
      return "ਪੰਜਾਬੀ";
    case "Romanian":
      return "Română";
    case "Russian":
      return "Русский";
    case "Samoan":
      return "Sāmoa";
    case "Serbian":
      return "Српски";
    case "Sesotho":
      return "Sesotho";
    case "Shona":
      return "Shona";
    case "Scots Gaelic":
      return "Gàidhlig";
    case "Sindhi":
      return "سنڌي";
    case "Sinhala":
      return "සිංහල";
    case "Slovak":
      return "Slovenský";
    case "Slovenian":
      return "Slovenščina";
    case "Somali":
      return "Soomaali";
    case "Sundanese":
      return "Urang Sunda";
    case "Swahili":
      return "Kiswahili";
    case "Swedish":
      return "Svenska";
    case "Tagalog":
      return "Tagalog";
    case "Tajik":
      return "Точик";
    case "Tamil":
      return "தமிழ்";
    case "Telugu":
      return "తెలుగు";
    case "Thai":
      return "ไทย";
    case "Turkish":
      return "Türk";
    case "Turkmen":
      return "türkmençe";
    case "Ukrainian":
      return "Українська";
    case "Urdu":
      return "اردو";
    case "Uyghur":
      return "ئۇيغۇر تىلى";
    case "Uzbek":
      return "O'Zbek";
    case "Vietnamese":
      return "TiếNg ViệT";
    case "Welsh":
      return "Cymraeg";
    case "Xhosa":
      return "Isixhosa";
    case "Yiddish":
      return "יידיש";
    case "Yoruba":
      return "Yoruba";
    case "Zulu":
      return "Isizulu";
  }
}
<div id="google_translate_element" onclick="foo();">

function foo(){
  $("option[value='ar']").text("عربى (Arabic)");
  $("option[value='fr']").text("Français (French)");
 //.... so on
}