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> 

 

posted @ 2019-07-31 19:29  xiaohe520  阅读(440)  评论(0编辑  收藏  举报