Question

我正在动态构建选择列表，并且无法显示数据占位符。这是我正在使用的代码

var placeholder_flag = 1;
$.each(group_list, function(ctr, obj) {
  if(placeholder_flag){
    $('#bk_groupids').append('<option value="" data-placeholder="true">Select Group</option>');
      $("#bk_groupids").selectmenu('refresh', true);
      placeholder_flag = 0;
    }
    $('#bk_groupids').append('<option value='+obj.groupid+'>'+obj.groupname+'</option>');
    $("#bk_groupids").selectmenu('refresh', true);
});

group_list是一个包含groupid和组名的对象数组。

这是HTML代码

<select name="bk_groupids" id="bk_groupids" multiple="multiple"></select>

当我加载到我的Android手机中时，它显示“选择组”作为选项之一并且它不会显示为占位符。有人可以帮忙。

Answer 1

我找到了答案。我需要通过关闭本机菜单来设置如下所示

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

动态选择的Jquery Mobile数据占位符

1 个答案: