0

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

索引.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>

引导.js

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

它在桌面上运行良好,但在平板电脑上测试时,它并没有隐藏任何东西。我尝试使用 jQuery 而不是 $ 但它没有效果。

使用$('select#especialidad').find('option')而不是$('select#especialidad option')两者都不起作用。

知道如何在平板电脑上做到这一点吗?

指向小提琴的链接:http: //jsfiddle.net/RV8hC/ 如果您使用 PC 输入小提琴,您将不会在选择中看到选项。但是使用平板电脑输入,会出现选项:(

4

1 回答 1

0

我终于通过在加载时将选择选项保存在数组中来使其工作。然后,我没有隐藏它们,而是使用了 $(option).remove(); 当我需要根据某些过滤器添加它们时,我只需在选择数组中创建一个 grep 以获取要附加到列表的选项元素。

至少,它工作正常。

于 2013-10-28T16:55:29.983 回答