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

时间:2012-06-28 03:49:49

标签: javascript jquery jquery-mobile

我正在尝试使用jQuery Mobile更改选择时提交表单。我对select元素的外观没有要求。但我确实要求在没有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

我只需要在两台设备上正确提交。任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

所以我找到了解决问题的方法。我只是想分享它以防其他人遇到这个问题。显然jQuery Mobile 1.1在固定容器中使用表单元素(使用position:fixed),特别是Android 2.2和2.3,这里引用了http://jquerymobile.com/demos/1.1.0/docs/forms/docs-forms.html

因此,您无法在其中使用固定位置页脚和表单元素。