i18next和JQuery在表单的下拉列表中不起作用

Question

我正在使用JQuery Mobile用于移动网站，而对于本地化我正在使用i18next。我的表格中有一个问题，就是：

 <form id="form" method="POST" action="webservices/action.php">
    <select id="subject">
        <option value='0' data-i18n="contact.email" selected></option>
        <option value='1' data-i18n="contact.name"></option>
        <option value='2' data-i18n="contact.object"></option>
    </select>
</form>

本地化工作正常，我显示了所需的文本。但是，不显示第一个选项，并且无法选择它（可以选择其他选项）。在Javascript中查看select对象时，似乎选择了正确的索引。因此，这是一个UI问题。

不使用i18next时没有任何问题。

任何人都知道如何解决这个问题？

Answer 1

我找到了解决方法。我注意到当我发送表单并重置它时，下拉列表显示正确。所以在初始化 i18n 之后，我使用了这个：

document.getElementById("form").reset();

现在可以正确显示表单。