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脚本实现Web页面信息交互
Dec 21 Javascript
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
Apr 20 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
JavaScript实现的类字典插入或更新方法实例
Jul 10 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
js判断上传文件后缀名是否合法
Jan 28 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
JS中间件设计模式的深入探讨与实例分析
Apr 11 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
10分钟学会js处理json的常用方法
Dec 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
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
基于jQuery的图片剪切插件
2011/08/03 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
2013/12/10 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
微信小程序 获取设备信息 API实例详解
2016/10/02 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
vue使用v-for实现hover点击效果
2018/09/29 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
python标识符命名规范原理解析
2020/01/10 Python
解决python对齐错误的方法
2020/07/16 Python
Python urlopen()参数代码示例解析
2020/12/10 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
华为慧通面试题
2012/09/11 面试题
病媒生物防治方案
2014/05/13 职场文书
建筑安全标语
2014/06/07 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
python获取对象信息的实例详解
2021/07/07 Python