jquery-mobile - 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();

表单现在可以正确显示。