0

使用以下代码尝试将输入转换为 HTML 输入字段，但它似乎不起作用：

<body>
<div id="google_translate_element"></div>
<script type="text/javascript">
   function googleTranslateElementInit() {
       new google.translate.TranslateElement({
           pageLanguage: 'en',
           includedLanguages: 'en,ja',
           autoDisplay: false,
           layout: google.translate.TranslateElement.InlineLayout.SIMPLE
       }, 'google_translate_element');
    }
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<form>
   First Name: <input type="text" id="firstName" />
   Last Name: <input type="text" id="lastName" />
</form>
</body>
</html>

页面内容翻译正常，但输入字段中的值未翻译。查看了推荐的此解决方案，但我无法使其正常工作。如何将值放入要翻译的输入字段？

4

3 回答 3

1

阅读此处的 Google Translate API ，但我也会尝试解释一下。

首先，Google API 要求每个查询都有一个注册密钥。查看 API 页面以了解如何获取该密钥。

接下来，如果您查看 API 页面，它将为您提供一个默认的 url 来查询，如下所示：

https://www.googleapis.com/language/translate/v2?{paramaters}

将“你好”从英语翻译成西班牙语的一个例子是：

https://www.googleapis.com/language/translate/v2?key={INSERT-YOUR-KEY}&source=en&target=es&q=hello

要从表单传递输入，您需要使用 PHP 将您的信息插入到您的谷歌翻译查询字符串中。

希望这可以帮助！

于 2013-08-19T02:35:02.173 回答
0

我做了这样的东西。它对我有用。我没有使用任何 API。

像这样的方案创建输入：

&lt;value for="1" style="display:none">Asia,Southern Asia</value>
<input contenteditable="true" name="1" type="text" placeholder="Asia,Southern Asia" value="Asia,Southern Asia">

使用 Google 翻译插件翻译您的页面。然后，调用这个函数

function translateInput(){
    for(i=0; i<$('input').length; i++){
            $('input').eq(i).val($('value').eq(i).text());
    }
}
于 2014-07-08T19:23:12.607 回答
0

让我给你一个更简单的解决方案

html

$(document).ready(function(){
  
  
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}




$('#confirmTraslate').click(function(){

   $('.translated-element').each(function(){
      id=$(this).data('label-for');
      $('#'+id).val( $(this).text() );
   });

});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
               <div id="google_translate_element"></div>

<div class="form-group">
                              <label>Address</label>
                              <input class="form-control" id="consignee_address_line1" name="consignee_address_line1" value="القطيف - حي الشاطي
شارع ابي ذر الغفاريالقطيفSaudi Arabia" type="text">
                              <label class="translated-element" data-label-for="consignee_address_line1">القطيف - حي الشاطي
شارع ابي ذر الغفاريالقطيفSaudi Arabia</label>
                           </div>

于 2016-03-23T09:18:52.703 回答