jQuery實現(xiàn)監(jiān)聽下拉框選中內(nèi)容發(fā)生改變操作示例
更新時間：2018年07月13日 12:10:03 作者：ithouse
這篇文章主要介紹了jQuery實現(xiàn)監(jiān)聽下拉框選中內(nèi)容發(fā)生改變操作,結合實例形式分析了jQuery針對select選中觸發(fā)change事件相關操作技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)監(jiān)聽下拉框選中內(nèi)容發(fā)生改變操作。分享給大家供大家參考，具體如下：
jQuery代碼部分：
<script>
$(document).ready(function(){
var defaultId = "${defaultSelected}";
var defaultTime = "${timeName}";
$("select option").each(function(){
if($(this).val()==defaultId || $(this).val()==defaultTime){
$(this).attr("selected","selected");
}
});
$("#all").change(function(){
//alert(document.getElementById("allItem").selected);
if(document.getElementById("allItem").selected == true){
$("#timeText").hide();
$("#timeSelect").hide();
}else{
$("#timeText").show();
$("#timeSelect").show();
}
});
});
</script>
HTML部分：
<form action="${baseUrl}/report/issueStatus.shtml">
<span>Select a project:</span>
<select name="selectedProId" id="all">
<c:forEach items="${projectNameId}" var="pi">
<option value="${pi.value}">${pi.key}</option>
</c:forEach>
<option value="-1" id="allItem">All</option>
</select>
<span id="timeText">Select a time horizon:</span>
<select name="timeHorizon" id="timeSelect">
<option value="Week">Last week</option>
<option value="Month">Last month</option>
</select>
<button type="submit" id="submit">search</button>
</form>
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了利用jQuery解析獲取JSON數(shù)據(jù)的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
本篇文章小編為大家介紹，基于JQuery 滑動與動畫的說明介紹。需要的朋友參考下2013-04-04
Jquery和angularjs獲取check框選中的值的方法匯總
本文分別通過具體的實例向大家展示了jquery和angularjs獲取獲取check框選中的值的方法，非常的簡單實用，有需要的小伙伴可以參考下2016-01-01
這篇文章主要介紹了jQuery實現(xiàn)的圖片點擊放大縮小功能,結合具體案例形式分析了jquery基于事件響應與頁面屬性動態(tài)變換實現(xiàn)的圖片放大縮小功能相關實現(xiàn)技巧,需要的朋友可以參考下2020-01-01
淺談jQuery hover(over, out)事件函數(shù)
下面小編就為大家?guī)硪黄獪\談jQuery hover(over, out)事件函數(shù)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
這篇文章主要介紹了jQuery?編程之jQuery?屬性選擇器，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
本篇文章主要是對jquery事件重復綁定的快速解決方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JQuery textlimit 顯示用戶輸入的字符數(shù) 限制用戶輸入的字符數(shù)
顯示用戶輸入的字符數(shù) 限制用戶輸入的字符數(shù)的實現(xiàn)方法。2009-05-05
這篇文章主要介紹了jQuery防止重復綁定事件的解決方法,結合實例形式分析了jQuery的重復綁定問題與相應的解決方法,需要的朋友可以參考下2016-05-05
jQuery EasyUI 是一個基于 jQuery 的框架，集成了各種用戶界面插件。接下來通過本文給大家介紹jQuery Easyui實現(xiàn)左右布局，涉及到到easyui左右布局相關知識，感興趣的朋友一起學習吧2016-01-01