jquery顯示隱藏input對象

更新時(shí)間：2014年07月21日 11:39:35 投稿：hebedich

這篇文章主要介紹了jquery顯示隱藏input對象,需要的朋友可以參考下

1 所屬部門選擇其他時(shí) 顯示一個(gè)輸入框進(jìn)行填寫

#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> 
<!-- 類型為其他時(shí) 需要填寫其它部門 -->
<input id='otherDept' name='otherDept' type="text" class="text" maxlength='50' style='display:none;'/>

//js
// 根據(jù)切換是否顯示其他部門輸入框
 function deptChange(){
 var deptid = $('#deptid').val();
 // alert('type:'+hytpye);
 if(deptid=='other'){
  $('#otherDept').show();
 }else{
  $('#otherDept').hide();
 }
 }

您可能感興趣的文章:

相關(guān)文章

非常實(shí)用的12個(gè)jquery代碼片段
開發(fā)人員利用jQuery代碼不僅能給網(wǎng)站帶來各種動(dòng)畫、特效，還會(huì)提高網(wǎng)站的用戶體驗(yàn)。本文總結(jié)了開發(fā)者經(jīng)常使用的12個(gè)jQuery代碼片段，大家可以直接拿來用
2015-11-11
使用CDN和AJAX加速WordPress中jQuery的加載
這篇文章主要介紹了使用CDN和AJAX加速WordPress中jQuery的加載的方法,注意一下WordPress中以及CDN的Google連接在內(nèi)地的網(wǎng)絡(luò)問題,需要的朋友可以參考下
2015-12-12
jQuery+json實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建復(fù)雜表格table的方法
這篇文章主要介紹了jQuery+json實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建復(fù)雜表格table的方法,涉及jQuery針對json數(shù)據(jù)的解析與表格動(dòng)態(tài)創(chuàng)建操作相關(guān)技巧,需要的朋友可以參考下
2016-10-10
js前臺(tái)判斷開始時(shí)間是否小于結(jié)束時(shí)間
js前臺(tái)判斷開始時(shí)間是否小于結(jié)束時(shí)間,結(jié)合了jquery需要的朋友可以參考下
2012-02-02
capacityFixed 基于jquery的類似于新浪微博新消息提示的定位框
公司項(xiàng)目需求中有一個(gè)類似于新浪微博新消息提示的定位框的效果，需要的朋友可以參考下。
2011-05-05
jQuery中ajax錯(cuò)誤調(diào)試分析
jQuery中把a(bǔ)jax封裝得非常好。但是日常開發(fā)中，我偶爾還是會(huì)遇到ajax報(bào)錯(cuò)。本文進(jìn)行簡單分析一下ajax報(bào)錯(cuò)。需要的朋友可以參考下
2016-12-12
淺析jQuery 3.0中的Data
jQuery 3.0 在6月9日正式發(fā)布了，3.0 也被稱為下一代的 jQuery。這篇文章主要介紹了jQuery 3.0中的Data,包括Data在jQuery內(nèi)部的使用和1.x.x 和 2.x.x 的比較的相關(guān)內(nèi)容，需要的朋友可以參考下
2016-06-06
使用jQuery實(shí)現(xiàn)Form表單提交操作
在Web開發(fā)中,表單提交是一個(gè)常見的操作,通過表單提交用戶可以向服務(wù)器發(fā)送數(shù)據(jù),jQuery是一個(gè)流行的JavaScript庫,可以簡化處理JavaScript的操作,包括表單提交,在本篇博客中,我們將介紹如何使用jQuery來實(shí)現(xiàn)表單提交操作,需要的朋友可以參考下
2024-09-09
使用jQuery實(shí)現(xiàn)兩個(gè)div中按鈕互換位置的實(shí)例代碼
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)兩個(gè)div中按鈕互換位置的實(shí)例代碼,需要的朋友可以參考下
2017-09-09
Jquery+CSS 創(chuàng)建流動(dòng)導(dǎo)航菜單 Fluid Navigation
有時(shí)，一個(gè)網(wǎng)站的導(dǎo)航菜單文字不能提供足夠的信息，來表達(dá)當(dāng)前菜單按鈕的內(nèi)容，一般的解決辦法是使用提示信息ToolTip，那么本文介紹的流動(dòng)導(dǎo)航菜單Fluid Navigation也可以解決此問題，同時(shí)也為網(wǎng)站設(shè)計(jì)的添加了一些時(shí)尚而又動(dòng)感元素。
2010-02-02