selected选中后显示和隐藏div

来源:互联网 发布:网络女作家富豪行榜 编辑:程序博客网 时间:2024/06/07 14:08

1、select部分

<select name="auditstate" id="auditstate"  onchange="showinfo(this[selectedIndex].value)">

<option value="">--请选择--</option>
<option value="2">审核通过</option>
<option value="3">审核不通过</option>
</select>

2、显示和隐藏内容
<div id="reason">
<label class="control-label" style="color:red;">不通过原因:</label>
<div class="controls">
<textarea  id="notPassReason" name="notPassReason" style="width:400px;"></textarea>
</div>
</div>

3、js部分
<script type="text/javascript">
function showinfo(values){
if(values==2){
$("#reason").css("display","none");
}
if(values==3){
$("#reason").css("display","block");
}
}
</script>
原创粉丝点击