jquery显示隐藏input对象

 更新时间:2014年07月21日 11:39:35   投稿:hebedich  
这篇文章主要介绍了jquery显示隐藏input对象,需要的朋友可以参考下

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

#html
<select id='deptid' name='deptid' class="select" onchange='deptChange()'>
 <c:forEach var="item" items="${deptidList}" varStatus="status">
 <option value='${item.value}'>&nbsp;${item.name}&nbsp;</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();
 }
 }

相关文章

  • 非常实用的12个jquery代码片段

    非常实用的12个jquery代码片段

    开发人员利用jQuery代码不仅能给网站带来各种动画、特效,还会提高网站的用户体验。本文总结了开发者经常使用的12个jQuery代码片段,大家可以直接拿来用
    2015-11-11
  • 使用CDN和AJAX加速WordPress中jQuery的加载

    使用CDN和AJAX加速WordPress中jQuery的加载

    这篇文章主要介绍了使用CDN和AJAX加速WordPress中jQuery的加载的方法,注意一下WordPress中以及CDN的Google连接在内地的网络问题,需要的朋友可以参考下
    2015-12-12
  • jQuery+json实现动态创建复杂表格table的方法

    jQuery+json实现动态创建复杂表格table的方法

    这篇文章主要介绍了jQuery+json实现动态创建复杂表格table的方法,涉及jQuery针对json数据的解析与表格动态创建操作相关技巧,需要的朋友可以参考下
    2016-10-10
  • js前台判断开始时间是否小于结束时间

    js前台判断开始时间是否小于结束时间

    js前台判断开始时间是否小于结束时间,结合了jquery需要的朋友可以参考下
    2012-02-02
  • capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框

    capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框

    公司项目需求中有一个类似于新浪微博新消息提示的定位框的效果,需要的朋友可以参考下。
    2011-05-05
  • jQuery中ajax错误调试分析

    jQuery中ajax错误调试分析

    jQuery中把ajax封装得非常好。但是日常开发中,我偶尔还是会遇到ajax报错。本文进行简单分析一下ajax报错。需要的朋友可以参考下
    2016-12-12
  • 浅析jQuery 3.0中的Data

    浅析jQuery 3.0中的Data

    jQuery 3.0 在6月9日正式发布了,3.0 也被称为下一代的 jQuery。这篇文章主要介绍了jQuery 3.0中的Data,包括Data在jQuery内部的使用和1.x.x 和 2.x.x 的比较的相关内容,需要的朋友可以参考下
    2016-06-06
  • 使用jQuery实现Form表单提交操作

    使用jQuery实现Form表单提交操作

    在Web开发中,表单提交是一个常见的操作,通过表单提交用户可以向服务器发送数据,jQuery是一个流行的JavaScript库,可以简化处理JavaScript的操作,包括表单提交,在本篇博客中,我们将介绍如何使用jQuery来实现表单提交操作,需要的朋友可以参考下
    2024-09-09
  • 使用jQuery实现两个div中按钮互换位置的实例代码

    使用jQuery实现两个div中按钮互换位置的实例代码

    这篇文章主要介绍了使用jQuery实现两个div中按钮互换位置的实例代码,需要的朋友可以参考下
    2017-09-09
  • Jquery+CSS 创建流动导航菜单 Fluid Navigation

    Jquery+CSS 创建流动导航菜单 Fluid Navigation

    有时,一个网站的导航菜单文字不能提供足够的信息,来表达当前菜单按钮的内容,一般的解决办法是使用提示信息ToolTip,那么本文介绍的流动导航菜单Fluid Navigation也可以解决此问题,同时也为网站设计的添加了一些时尚而又动感元素。
    2010-02-02

最新评论