说了一千句一万句壮志豪言，不行动你还是碌碌无为；如果你行动了，哪怕只是一个小小的动作，你就有可能解决了温饱大计。
本文实例讲述了jQuery实现监听下拉框选中内容发生改变操作。分享给大家供大家参考，具体如下：
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程序设计有所帮助。
到此这篇关于jQuery实现监听下拉框选中内容发生改变操作示例就介绍到这了。在醒着的时间里，追求你认为最有意义的。更多相关jQuery实现监听下拉框选中内容发生改变操作示例内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
