javascript - 以编程方式更改 Google 翻译下拉菜单

Question

在一个网站上，我尝试使用以下代码添加 Google 翻译下拉列表:

function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}

<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

当您从下拉列表中选择插入 google 脚本时，页面顶部会出现一个 Google 翻译栏，所有文本都会翻译成所选语言。

但是，如果我尝试使用 JavaScript 触发下拉列表更改，则它不起作用:

$('.goog-te-combo').val('fr')

从下拉列表中选择“法语”，但未触发 Google 翻译。

为什么它不起作用？我也试过:

$('.goog-te-combo').trigger('click')
$('.goog-te-combo').change()

更新:仅供引用，这不是我的网站。我使用 Chrome 控制台加载 jQuery 并执行 jQuery 方法。

Answer 1

您可以让下拉菜单触发页面重新加载。您可以在 URL 后附加 #googtrans(en|ja) 或 #googtrans/en/ja 重新加载页面，或者将 googtrans cookie 值设置为 /en/ja(其中 ja 是所选目标语言的示例)，然后重新加载。