Halten Sie den Ausgabewert der Formular-ID auf der Seite nach dem erneuten Laden mit .innerHTML

Question

Ich habe ein Suchformular, wo auf einen Klick auf den Submit-Button zeigt den Formularwert darunter. Dies ist der Code:

<input type="text" name="searchfield" id="searchfield" value="" /> 
 
<input type="submit" name="submit" id="submitSearch" value="Submit" onclick="document.getElementById('output').innerHTML = document.getElementById('searchfield').value" /> 
 
<div id="output"></div>

Es funktioniert gut, aber einmal eingereicht (die Seite neu geladen und nicht auf eine andere Seite zu gehen) der Wert in der Ausgabe div verschwindet.

Gibt es eine Möglichkeit, den Wert auch nach dem erneuten Laden der Seite beizubehalten?

Ich versuche, den einfachsten Weg zu finden, dies zu erreichen.

Answer 1

Sie können dies zum Beispiel in severals Weise erhalten Werte verwenden, Sitzungen, Cookies, local, Ajax, ...

Da Sie ein Suchformular GET Werte versuchen zu bauen scheint die am besten geeignete (oder Ajax auch).

Ein Beispiel für Code:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get"> 
    <input type="text" name="searchfield" id="searchfield" value="" /> 
    <input type="submit" id="submitSearch" value="Submit"/> 
</form> 

<div id="output"> 

<?php 

if(isset($_GET['searchfield'])) { 
    echo $_GET["searchfield"]; 
} 

?> 

</div> 

prüfen AJAX, wenn Sie nicht über eine neu geladen werden soll.