繁体   English   中英

在页面加载时显示隐藏的div

[英]Show a hidden div on page load


我的jsp中有这样的tr。

<tr id = "fromDate" style="display:none;">

我也有这样的选择。

    <select id="select2" name="dateRange1" 
               onChange="javascript:chooseDate(this.value);">
    <option value="0" <c:if test='${dateRange == 0}'> 
            selected </c:if>>Select a Date</option>

select中使用的javascript函数如下所示。

function chooseDate(val) {
        if (val == "0") { 
            document.getElementById("fromDate").style.display='';
            }
        else 
        {
            document.getElementById("fromDate").style.display='none';
        }
    }

因此,如果所选行不为0,我将不会在页面中显示tr。 这工作正常。
我在request.setAttribute()中设置了dateRange变量并从action中发送它。
问题是从请求值中正确选择了选项,但未显示tr
我尝试在jsp中的表单之外运行它,希望它会在页面加载之前执行,但是没有发生。

<script language="javascript">
   chooseDate(${dateRange});
</script>

有什么想法吗?

尝试这个!

<script language="javascript">
   window.onload = function() {
      chooseDate(${dateRange});
   }
</script>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM