使用 data-native-menu="false" 提交表单 onChange

Question

我正在尝试使用jQuery Mobile的更改时提交表单。我对选择元素的外观没有任何要求。但我确实要求在没有 ajax 的情况下提交表单。这是我的代码：

<form name="langform" method="post" data-ajax="false">
    <select name="syslang" id="chooseLang" data-mini="true" onChange="this.form.submit()">
        <options />
    </select>
</form>

现在这适用于 iPhone，但是当我在 Android 上尝试时，选择菜单不显示。当我将 data-native-menu="false" 添加到选择时，选择菜单会显示并在 Android 上运行，但表单不会在 iPhone 上提交。

我应该提到我正在使用 jQuery Mobile 1.1.0 和 jQuery 1.7.1

我只需要让它在两台设备上都正确提交。有人可以帮忙吗？

Answer 1

所以我找到了解决问题的方法。我只是想分享它，以防其他人遇到这个问题。显然 jQuery Mobile 1.1 在固定容器中的表单元素存在问题（使用位置：固定），特别是在 Android 2.2 和 2.3 中，如此处引用的http://jquerymobile.com/demos/1.1.0/docs/forms/docs-forms.html。

因此您不能在其中使用固定位置的页脚和表单元素。