Translator

Source: Translation-Script source: https://stackoverflow.com/a/47612798/4024828

by imihandstand

HTML

<select id="country_select" onchange="loadsLanguage(this.value);">
</select>

<div>
  <span class="lang-text1"></span>
</div>
<div>
  <span class="lang-text2"></span>
</div>

JavaScript

var LanguageList = {
  "EN" : "English",
  "ES" : "Español"
};

//languages Objects
var WORDS_EN = {
  "text1" : "text One",
  "text2" : "<b>text Two</b>"
};

var WORDS_ES = {
  "text1" : "texto Un",
  "text2" : "<b>texto Dos</b>"
};


window.onload = initialize;

function initialize() {
  var $dropdown = $("#country_select");    
  $.each(LanguageList, function(key, value) {
    $dropdown.
      append($("<option/>").
      val(key).
      text(value));
    });
    
  loadsLanguage("EN");
}

function loadsLanguage(lang){
  /*fills all the span tags with class=lang pattern*/ 
  $('span[class^="lang"]').each(function(){
    var LangVar = (this.className).replace('lang-','');
    var Text = window["WORDS_"+lang][LangVar];
    $(this).text(Text);        
  });
}