1、首先设置option的display:none的方案肯定是不可行了；
2、某网友提出的两种方案：
a.在option标签上面加上disabled=disabled属性，表示不可用，这种方案只是让option不能选择，但没有隐藏掉
b.如果想隐藏掉，只能把option从dom树中去除，然后对去除的option进行缓存，在要显示的时候再将option从缓存中取出加入dom树中
肯定也是不符合需求的。
c、终极方案（经测试兼容各浏览器）：给option外加一个父级标签，并设置父级标签隐藏[此处用的是span标签]，如果要显示的话则去除父级标签即可。
然而上面这么多种办法并没什么用
最后解决办法：
//将select通过clone方法保存 var select= $(#select).clone(); //删除所有的option $(#select).find('option').remove(); //查找出需要显示的option并复制 var options = select.find(option[value=1]).clone(); //将需要显示的option添加到select中 $(#select).append(options); //因为option.remove()不会刷新控件,需要将新的option切换上去 //这里排除了options.size() == 0的情况 $(#select).find('option').eq(0).attr(selected,true);
这样就好了。
更多完美解决html中select的option不能隐藏的问题。 。