select标签预选为空_j-search-select-tag ref="select1" 输入框中置空-CSDN博客

1）div的visibility控制div的隐藏和显示

缺点：隐藏后页面显示空白

    style="visibility: none;"
　　document.getElementById("typediv1").style.visibility="hidden";//隐藏
　　document.getElementById("typediv1").style.visibility="visible";//显示
2）设置display属性   可以是div隐藏后释放占用的页面空间

   style="display: none;"
　　document.getElementById("typediv1").style.display="none";//隐藏
　　document.getElementById("typediv1").style.display="";//显示
但是，这种回答对于我这种一边写网页一遍学习，没有看过html的人还说，着实有些懵逼，但是幸好又看到另一个。

<!DOCTYPE HTML>
<html>
<head>
<script>
	function isHidden(oDiv){
      var vDiv = document.getElementById(oDiv);
      vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
    }
</script></head>
<body>
<div style="cursor:hand" οnclick="isHidden('div1')"><b>其他一条评论</b></div>
		<div id ="div1" style="display:none">隐藏内容</div>
</body></html>
使用jQuery的隐藏显示函数，参考w3school相关教程：http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide_show
————————————————
版权声明：本文为CSDN博主「ghost165」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ghost165/article/details/78369935

今天做select的时候，页面要求为：载入默认选项框为空白，点击下拉框显示正常选项。

找了半天有两种办法，一种纯css实现，一种借助js实现。

先说js的办法吧。

html：

js：

纯css的方法：

<option selected="selected" disabled="disabled" style='display: none' value=''></option>
上面的option置于第一行即可。
————————————————
版权声明：本文为CSDN博主「Casanover」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wzj2584454/article/details/60874919/