Question

我正在尝试使用jquery隐藏SELECT中的所有选项，但它不适用于平板电脑。代码如下所示：

的index.html

<select id="especialidad" name="especialidad">
    <option>Selecciona una opción...</option>
    <option value="v1">Análisis clínicos</option>
    <option value="v2">Medicina Familiar</option>
    <option value="v3">Otorrinolaringología</option>
    <option value="v4">Traumatología</option>
    <option value="v5">Urología</option>
</select>

boot.js

$.each($('select#especialidad option'), function(i,opt){
    $(opt).hide();
});

它在桌面上工作正常，但在平板电脑上测试时，它并没有隐藏任何东西。我尝试过使用jQuery而不是$但是没有效果。

使用$('select#especialidad').find('option')代替$('select#especialidad option')无效。

知道怎么在平板电脑上做这件事吗？

链接到小提琴：http://jsfiddle.net/RV8hC/ 如果您使用PC输入小提琴，则不会在选择中看到选项。但是使用平板电脑输入选项会显示:(

Answer 1

我终于通过在加载时保存数组中的选项来使其工作。然后，我只使用$（选项）.remove（）;而不是隐藏它们。当我需要根据一些过滤器添加它们时，我只是在select数组中创建一个grep来获取要附加到列表的选项元素。

至少，它运作良好。

隐藏选项不适用于平板电脑

1 个答案: