简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jquery显示隐藏input对象

来源:易贤网   阅读:4445 次  日期:2014-07-24 21:37:00

温馨提示:易贤网小编为您整理了“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();

 }

 }

更多信息请查看IT技术专栏

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jquery实现保存已选用户
下一篇:JQuery中$(document)是什么意思有什么作用
易贤网手机网站地址:jquery显示隐藏input对象
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!