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}'> ${item.name} </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)文章
開發(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中把a(bǔ)jax封裝得非常好。但是日常開發(fā)中，我偶爾還是會(huì)遇到ajax報(bào)錯(cuò)。本文進(jìn)行簡單分析一下ajax報(bào)錯(cuò)。需要的朋友可以參考下2016-12-12
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