通过JS控制option的隐藏于显示?

JavaScript021

通过JS控制option的隐藏于显示?,第1张

display=none和"visibility: hidden都无法隐藏掉选项,jquery的hide()方法也不行。

但是可以尝试删掉元素再添加;我写了断是咧jquery代码(JS的原理一样,但是代码复杂点)。

<script src="../jquery/jquery-1.6.4.min.js"></script>

<script type="text/javascript">

$(function(){

$("#a").remove()

$("#b").before("<option id='a' value='a'>aaaa</option>")

})

</script>

</head>

<body>

<select id="test_select">

<option id="a" value="a">aaaa</option>

<option id="b" value="b">bbbb</option>

<option id="c" value="c">cccc</option>

</select>

</body>

<!doctype html>

<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,仅供参考。