Wie wird der Eingabewert in Seite1 auf Seite2 angezeigt?

Wie wird der Eingabewert in Seite1 auf Seite2 angezeigt? JavascriptWie wird der Eingabewert in Seite1 auf Seite2 angezeigt?

<script language="JavaScript"> 
function showInput() { 
    var value = document.getElementById("user_input").value; 
    document.getElementById('display').value = value; 

} 
</script>

Page 1 html

<!DOCTYPE html> 
<html> 
<head lang="en"> 
<meta charset="UTF-8"> 
</head> 
<body> 

    <form> 
     <label><b>Enter a Message</b></label> 
     <input type="text" name="message" id="user_input"> 
    </form> 

    <input type="submit" onclick="showInput();"><br /> 
</body> 
</html>

Page 2 html

<html> 
<head></head> 
<body> 
    <label>Your input: </label> 
    <p><input id='display'> </p> 
</body> 
</html>

Muss ich lokalen Speicher verwenden? wie man es benutzt? Setzen Sie dieses in page1

localStorage.setItem(id, value);

und diese in Seite 2?

localStorage.getItem(id);

Wie wird der Wert im Eingang angezeigt? Kann mir jemand ein paar Beispiele zeigen? Vielen Dank.

Quelle

2016-05-26 BEX

Ja, 'localStorage' wird die Arbeit machen, In Page 1' localStorage.setItem ('id', document.getElementById ("USER_INPUT") Wert.); 'Danach in Seite 2' document.getElementById ('display'). value = localStorage.getItem ('id'); ' – Satpal

Muss ich noch die Funktion showInput() setzen – BEX

Versuchen Sie folgendes:

page1.html

<!DOCTYPE html> 
<html> 
<head lang="en"> 
<meta charset="UTF-8"> 
<script language="JavaScript"> 
function showInput() { 
    var value = document.getElementById("user_input").value; // get value of message 
    localStorage.setItem('val',value); // set value of message in local storage 
} 
</script> 
</head> 
<body> 

    <form action="page2.html" method="post"> // add action and method attributes in form tag 
     <label><b>Enter a Message</b></label> 
     <input type="text" name="message" id="user_input"> 
     <input type="submit" onclick="showInput();"><br /> 
    </form> 
</body> 
</html>

page2.html

<html> 
<head> 
<script language="JavaScript"> 
function showInput() { 
    var value = localStorage.getItem('val'); // get value of message from localstorage 
    document.getElementById('display').value = value; // set it value to display input 
} 
</script> 
</head> 
<body onload="showInput();"> 
    <label>Your input: </label> 
    <p><input id='display'> </p> 
</body> 
</html>

Quelle

2016-05-26 06:27:57

Es funktioniert! Ich danke dir sehr. :) aber es wird nur den Wert angezeigt, nachdem ich die Seite aktualisiert habe. Wie kann ich es direkt nach dem Klicken auf den Button anzeigen lassen? – BEX

aber es gibt 2 Seiten ... page1.html und page2.html in diesem Fall ohne Aktualisierung wie können wir es tun –

Versuchen Sie, diese

Seite1

<script> 
    var value = document.getElementById("user_input").value; 
    localStorage.setItem("id",value); 
</script>

Page2

<script> 
    var value =localStorage.getItem("id"); 
    document.getElementById('display').value = value; 
</script>

Quelle

2016-05-26 06:28:18 suman

Wie wird der Eingabewert in Seite1 auf Seite2 angezeigt?

Antwort

Verwandte Themen