Как показать div после загрузки страницы в JavaScript?

Question

Привет, у меня есть шаблон Laravel Blade, где я построил функцию поиска, и я хочу загрузить div после перезагрузки страницы, когда я отправляю форму.В противном случае, когда страница загружается с результатами, результаты не отображаются.Я хочу, чтобы Javascript выполнялся на странице (скрыть div), а затем, когда страница обновляется, div должен стать видимым.

Моя HTML-форма:

<form action="" class="search-form" method="GET" onsubmit="showDiv();">
    <input type="text" name="location" placeholder="Search" required>
    <button class="search-btn" type="submit"><i class="flaticon-026-search"></i></button>
  </form>

Иdiv, который я хочу показать после загрузки страницы:

<div id="hideDiv" style="display:none">
  @foreach($locations as $location)
    @foreach($location->landmark as $landmark)
       <p>{{$landmark->name}}</p>
    @endforeach
  @endforeach
</div>

Мой JavaScript:

function showDiv() {
   var div = document.getElementById("hideDiv");
   if (div.style.display == 'none') {
     div.style.display = '';
   }
   else {
     div.style.display = 'block';
   }
 }

Answer 1

Если у вас есть только одна кнопка «Отправить» на той же странице, которую вы можете использовать, как показано ниже (не проверено, попробуйте предложить)

@if (Request::isMethod('post'))
 <div id="hideDiv" style="display:none">
   @foreach($locations as $location)
     @foreach($location->landmark as $landmark)
       <p>{{$landmark->name}}</p>
    @endforeach
   @endforeach
 </div>
@endif

PS: попытаться определить событие ispostback в Page или Javascript, какое из них предпочтительнее.

Answer 2

Написать window.onload = showDiv; перед вашей функцией