将select设置为width 100%禁用Android5.1.x和Nexus-7上的select功能(phonegap构建)

Question

我必须使用phonegap build，cli 5.x，并尝试构建一个包含多个输入的搜索表单，其中3个是选择框。

所有操作都很好，直到我想将select节点的css设置为100%。如果我启用这个css，所选内容将不再打开。

我的Android测试设备是Nexus 7和Android5.1.1 (Lollipop)。在IOS和Android设备上，4.x都能正常工作。

我们使用的语言是JQuery的类型记录，并将被编译为Javascript ES5 (commonJS样式)。

示例脚本：

var sampleData = [{"val": 1, "text": "sample A"}, {"val": 2, "text": "sample B"}];

var myContainer $('#content-box');

var selectBox = $('<select>').attr('id', 'mySelectBox');
selectBox.append($('<option>').attr('value', 'none').html('-- none --'));

for(var index in sampleData) {
  var obj = sampleData[index];
  selectBox.append($('<option>').attr('value', obj['val']).html(obj['text']));
}

// code above works fine

$('select').css('width', '100%'); 
// this crashes the popup after compilation
// and i have to use phonegap-build

顺便说一句，如果我有非常长的内容，超过100%的屏幕与它一起工作。只是伸展一下似乎就会崩溃。

我不使用jquery手机，我们构建的一些特性无法使用它！

也尝试过外部css，同样失败。

有人有解决办法还是解决办法？有人能确认这个解决方案吗？

Answer 1

尝试为要修改的元素设置id，

那就试试

$('#select').css('width', '100%');

如果id=“选择”