konsomejona / simplehtmllocalizer Goto Github PK

customElements.define('localized-option', LocalizedOptionElement, { extends: 'option' });

class LocalizedOptionElement extends HTMLOptionElement {
    constructor() {
        super();
    }

    connectedCallback() {
        var key = this.hasAttribute('key') ? this.getAttribute('key') : '';
        var lang = this.hasAttribute('lang') ? this.getAttribute('lang') : getLang();
        this.innerHTML = translate(key, lang);
    }
}

<select class="form-select" name="sel" id="my-select">
  <option is="localized-option" key="Off" value="0"></option>
  <option is="localized-option" key="On" value="1"></option>

function translate(key, lang) {
    var dict = (lang in dictionary) ? dictionary[lang] : dictionary['_']
    return key in dict ? dict[key] : key;
}