jquery显示隐藏input对象


Posted in Javascript onJuly 21, 2014

1 所属部门选择其他时 显示一个输入框进行填写

jquery显示隐藏input对象

jquery显示隐藏input对象

#html
<select id='deptid' name='deptid' class="select" onchange='deptChange()'>
 <c:forEach var="item" items="${deptidList}" varStatus="status">
 <option value='${item.value}'> ${item.name} </option>
 </c:forEach>
</select> 
<!-- 类型为其他时 需要填写其它部门 -->
<input id='otherDept' name='otherDept' type="text" class="text" maxlength='50' style='display:none;'/>
//js
// 根据切换是否显示其他部门输入框
 function deptChange(){
 var deptid = $('#deptid').val();
 // alert('type:'+hytpye);
 if(deptid=='other'){
  $('#otherDept').show();
 }else{
  $('#otherDept').hide();
 }
 }
Javascript 相关文章推荐
Javascript之文件操作
Mar 07 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
jQuery超赞的评分插件(8款)
Aug 20 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
js实现3D照片墙效果
Oct 28 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 Javascript
jquery实现保存已选用户
Jul 21 #Javascript
jquery实现显示已选用户
Jul 21 #Javascript
jquery操作checkbox示例分享
Jul 21 #Javascript
jquery常用操作小结
Jul 21 #Javascript
JavaScript中的apply和call函数详解
Jul 20 #Javascript
一行命令搞定node.js 版本升级
Jul 20 #Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 #Javascript
You might like
星际争霸秘籍
2020/03/04 星际争霸
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
javascript Event对象详解及使用示例
2013/11/22 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
2015/08/25 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
[51:52]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
如何使用selenium和requests组合实现登录页面
2020/02/03 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
美国在线眼镜店:GlassesShop
2018/11/15 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
大学生求职自荐信
2013/12/12 职场文书
幼儿园家长会欢迎词
2014/01/09 职场文书
《胡杨》教学反思
2014/02/16 职场文书
晚会主持词开场白
2014/03/17 职场文书
食品质量与安全专业毕业生求职信
2014/08/11 职场文书
环卫处个人工作总结
2015/03/04 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
戒赌保证书
2015/05/11 职场文书
Redis批量生成数据的实现
2022/06/05 Redis