HTML 页面加载完成或点击下拉列表框显示某些标签 隐藏某些标签,
配合简单的jquery代码如下:
<div class="form-group"> <label for="inputModelId" class="col-sm-2 control-label">内容模型</label> <div class="col-sm-9"> <select name="model_id" id="cars" class="form-control" onchange="changeTitle();"> <foreach name='mlist' item='v'> <option value="{$v.id}" <if condition="$data['model_id'] eq $v['id']">selected="selected"</if>>{$v.name}</option> </foreach> </select> </div> </div> <script type="text/javascript"> function changeTitle() { var h=$("#cars").val(); // alert(h); if(h==4){ $(".idhe").show(); // $(".gerejianjie").show(); }else{ $(".idhe").hide(); $(".gerejianjie").hide(); } } </script>
<script type="text/javascript"> //这是加载页面完成后自动显示或隐藏 $(document).ready(function(){ var h=$("#cars").val(); if(h==7||h==4){ $(".idhe").show(); }else{ $(".idhe").hide(); } // // 个人简介 // var jianjie=$(".gerenjianjie").val(); // if(jianjie==) }); </script>