簡體   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