Html CSS 我想在<select><option><option><select>中添加 <span>或者&a

<select id="hehe">

<option value="1">1</option>

<option value="2">2</option>

<option value="3" style="visibility:hidden">3</option>

<option value="4" style="visibility:hidden">4</option>

</select>

除开IE 其他的都能隐藏

jquery的hide方法只是在相应DOM上面增加了样式：display: none

而option不是可绘制的DOM，所以使用hide方法是无效的

两种解决方案：

1.在option标签上面加上disabled="disabled"属性，表示不可用，这种方案只是让option不能选择，但没有隐藏掉

2.如果想隐藏掉，只能把option从DOM树中去除，然后对去除的option进行缓存，在要显示的时候再将option从缓存中取出加入DOM树中

希望对您有帮助~

By Billskate

onchange="fuzhi(this.option[this.selectedIndex].getElementsByTagName('span')[0].innerHTML)" //第一个span里的文本

---