Jquery Mobile多选框在phonegap内部无法正常工作

Question

我使用jquery mobile开发了一个phonegap android应用程序。我有一个带有多选框的表格。只有在多选框中只有有限数量的条目时，表单才有效。如果多选框中有许多项目，则表单无效。请参阅下面的屏幕截图。

以下3个屏幕将解释问题

屏幕1 父表单带有多选框＆＃39;选择组＆＃39;。表格中输入的数据也很少。

屏幕2 触摸了多选框，内容超出了屏幕（有20多个组）。选中2组并单击x十字按钮返回父表单

屏幕3 在父表单中选择的值将消失，并且多选框上的选定值也不会拉到父表单。

如果多选框仅显示有限数量的值并不会溢出屏幕，则它可以完美运行。任何人都可以帮助我。

HTML代码

<select name="bk_groupids" id="bk_groupids" multiple="multiple" data-native-menu="false"></select>

使用Jquery，值如下所示

$('#bk_groupids').append('<option value="" data-placeholder="true">Select Group</option>');
$('#bk_groupids').append('<option value="1">Group 1</option>');
$('#bk_groupids').append('<option value="2">Group 2</option>');
etc...