select onchange事件的使用

最新推荐文章于 2021-06-03 17:47:28 发布

转载最新推荐文章于 2021-06-03 17:47:28 发布 · 417 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/likeju/p/4729816.html

本文深入探讨了HTML中使用<select>元素结合条件判断实现动态展示与隐藏的功能，通过设置<option>的选择项并利用改变事件触发条件来控制DOM元素的可见性，实现用户交互与页面布局的灵活调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select name="expireDay" id="expireDay" class="form-control" onchange="searchChange(this.options[this.options.selectedIndex].value);">

<option
<c:if test="${'0' == expireRemind.searchType}">
selected
</c:if>
value="0">aa</option>
<option
<c:if test="${'1' == expireRemind.searchType}">
selected
</c:if>
value="1">bb</option>
</select>

可以显示和隐藏

function searchChange(obj){
if(obj=="0"){
$('#expireDate').hide();
$('#soonExpireDay').show();
}
if(obj=='1'){
$('#soonExpireDay').hide();
$('#expireDate').show();
}
}

转载于:https://www.cnblogs.com/likeju/p/4729816.html