jquery显示隐藏input对象

190 阅读 0 评论 126 点赞

我是靠谱客的博主天真蓝天，最近开发中收集的这篇文章主要介绍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}'> ${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();
 }
 }