无法使 Gtranslate 语言在下拉列表中工作

Question

所以我想在我的网站上使用 Gtranslate.io 语言。我现在正在使用标志，没有任何下拉菜单，一切正常。但现在我想把标志放在一个下拉列表中。我希望每当有人进入我的网站时默认为英语，但可以从列表中选择一种语言并且该语言将处于活动状态。

<div class="languages">

                    <a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="images/english.png" height="16" width="16" alt="English" /></a>

                    <a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="images/france.png" height="16" width="16" alt="French" /></a>

                    <a href="#" onclick="doGTranslate('en|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="images/germany.png" height="16" width="16" alt="German" /></a>

                    <a href="#" onclick="doGTranslate('en|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="images/italy.png" height="16" width="16" alt="Italian" /></a>

<div id="google_translate_element2"></div>

</div>

Answer 1

第二个 codepen 不起作用，因为div[id="google_translate_element2"]文档中不存在。一旦你把它放在页面上并改变选择值，它就可以工作了。我还建议取出<a>从选项中的节点，而是使用onchange该属性<select>请注意，对 Google 徽标和品牌输出的更改可能会违反其归因要求查看我的代码分支