<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.js" language="javascript"></script>
<!-- 注意：引用了本地jquery.js -->
</head>
<body>
<script type="text/javascript">
$(function(){
var mySelect=$("#select option")
var num="33"//某个值
mySelect.each(function (i,el) {
if($(el).text()==num){
$(this).hide()
}
})
})
</script>
<select id="select">
<option>11</option>
<option>22</option>
<option>33</option>
</select>
</body>
</html>
用的jquery，仅供参考。
jquery的hide方法只是在相应DOM上面增加了样式：display: none而option不是可绘制的DOM，所以使用hide方法是无效的
两种解决方案：
1.在option标签上面加上disabled="disabled"属性，表示不可用，这种方案只是让option不能选择，但没有隐藏掉
2.如果想隐藏掉，只能把option从DOM树中去除，然后对去除的option进行缓存，在要显示的时候再将option从缓存中取出加入DOM树中
希望对您有帮助~
By Billskate
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）