前端

【1 script动态隐藏 显示div】

通过设置display属性可以使div隐藏后释放占用的页面空间.

style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示

举个栗子

<script>
　　function check(action)
　　{
　　　　if(action == "ccc")
　　　　{document.getElementById("evil_div").style.display="";}  //设置div的属性
　　}
</script>

<div class="form-group">
<label>类型</label>
<select class="form-control" name="evil_type" onchange="check(this.options[this.options.selectedIndex].value)">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
</div>

<div class="form-group" style="display: none" id="evil_div">
<label>ccc</label>
<input type="text" class="form-control" name="evil" value="">
</div>

解释：

id为evil_div的元素默认不显示在页面上，因为style中设置了display的属性为none

name为evil_type的select元素绑定了onchange事件，当下拉框选择了ccc的时候，会出发js，js修改了id为evil_div的元素，将display属性设置为空，达到显示该div的目的

 【 web a标签点击时跳出确认框】

http://blog.csdn.net/michael_ouyang/article/details/52765575

【form：select使用总结】

https://blog.csdn.net/TOP_Y/article/details/52396931