js设置html区域隐藏和显示

1 if(message != "指派")
2  {
3     document.getElementById("appoint").style.display="none";
4
5  }else{
6     document.getElementById("appoint").style.display="inline";
7  }

上面是,javascript代码,下面是html代码:

 1 <!-- 选择指派人-->
 2 <div id="appoint">
 3
 4 <label>指派给:</label>
 5 <select name="assignedTo" id="assignedTo">
 6   <option value="未选择" selected >选择指派人</option>
 7          @foreach($userList as $user)
 8                   <option value="{{$user->name}}">{{$user->name}}</option>
 9          @endforeach
10 </select>
11 </div>

转载:http://www.cnblogs.com/unpolishedgem/p/3247098.html

时间: 2024-08-24 13:58:22

js设置html区域隐藏和显示的相关文章

jquery和js对div的隐藏和显示

jQuery对div的显示和隐藏: 显示: $("#id").show() 隐藏: $("#id").hide() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏

js 控制 easyui datagrid 隐藏之后显示不来的问题

最近有的用到easyui的datagrid,有一个这样的需求,就是当触发一个事件之后控制datagrid的显示与隐藏,初始状态是将其datagrid隐藏起来. 说起隐藏datagrid的时候,也遇到了一些问题,关于easyui的datagrid是不可以直接用display这个属性的,那若是想要隐藏这个table,那么就要在它的外面写一个父级div,然后通过控制这个div的隐藏与显示去满足这个需求. <div class="divEditTabKc" style="dis

Js - 判断元素是否隐藏、显示

判断元素是否隐藏.显示的方法,需要的朋友可以参考下 : 1.通过判断元素display属性状态值来实现 console.log($('div').css("display"));       // inlineif($('div').css("display") != 'none') { console.log('aaaaa');       // aaaaa $('div').hide();         console.log($('div').css(&qu

多行文本超出设置行就隐藏并且显示省略号

overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性,需要记得. 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? CSS3解决了这个问题,解决方法如下: display:-webkit-box; //将对象作为弹性伸缩盒子模型显示. -webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒

用js控制选项卡的隐藏与显示

通过使用ul和div来,借助于jquery来实现选项卡的显示与隐藏 <form action="" method="post"> <div> <ul> <li><a id="atab1" class="atab">基基基基</a></li> <li><a id="atab2" class="ata

js 控制 head 元素 隐藏与显示

就把那段script加到head之间.<script type="text/javascript">if(screen.width<=1240){document.write("<link rel='stylesheet' type='text/css' href='css/index_1240.css' />");}</script> DOM中document对象的write方法,将一段HTML代码或是一段文本内容输出到文

JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() 淡入淡出:JQuery fadeIn().JQuery fadeOut().JQuery fadeToggle().JQuery fadeTo() 滑动:JQuery slideDown().JQuery slideUP().JQuery slideToggle() 动画:JQuery animat

js设置控件的隐藏与显示的两种方法

js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了,下面有个示例,需要的朋友可以参考下用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性.当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility=&qu

js的事件冒泡和点击其他区域隐藏弹出层

一.前言 在编写页面的时候,我们经常使用到弹出层.对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度.如果弹出层都没有较好的体验,那何谈通过交互来提升好感... 首先提出几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章: 弹出层的设计一定要好看,按钮要符合项目的主色调: 弹出层的宽度固定屏幕占比,设置max-width,高度根据内容自适应: 点击其他区域隐藏弹出层... 二.正文 今天,主要说说点击其他区域隐藏弹出层.笔者被这个