2017-11-26 1 views
1

Ich habe die folgende HTML/JS Code erhalten:Wie Textfeld Werte in Javascript

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
<input type='text' id='action' placeholder='defualt'> 
 
<button type='button' onclick='document.getElementById("action").placeholder="it worked!"'>Change Placeholder</button> 
 
</body> 
 
</html>

Wenn die Taste gedrückt wird, wird der placeholder Wert des actiontextinput Feld gesetzt zu "es hat funktioniert!"

Was ich tun möchte, ist das Skript setzen Sie die placeholder des Feldes, was auch immer der Benutzer hineinlegt, wenn der Benutzer die Taste drückt. Wie soll ich das machen?

+0

Haben Sie diese zuerst versucht? Basierend auf Ihrem Code (mit 'document.getElementById') scheint es, dass Sie wissen würden, wie das geht. –

Antwort

2

das Eingangselement den Wert zuzugreifen, Sie .value Eigentum zugreifen können. Dann können Sie, genau wie Sie den Platzhalter gesetzt haben, diese der Eigenschaft .placeholder zuweisen.

Wenn Sie möchten, dass der Platzhalter sofort sichtbar ist, können Sie den Wert zurücksetzen, indem Sie ihn auf eine leere Zeichenfolge setzen.

function setPlaceHolder() { 
 
    var input= document.getElementById("action"); 
 
    input.placeholder=input.value; 
 
    input.value = ""; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <input type='text' id='action' placeholder='defualt'> 
 
    <button type='button' onclick='setPlaceHolder();'>Change Placeholder</button> 
 
</body> 
 

 
</html>

2

Versuchen Sie, diese

function myfns() { 
 

 
var x = document.getElementById("action").value; 
 
console.log(x) 
 

 
    document.getElementById("action").placeholder = x 
 
    
 
    document.getElementById("action").value = ""; 
 

 
}
<html> 
 

 
<body> 
 
    <input type='text' id='action' placeholder='defualt'> 
 
    <button type='button' onclick='myfns()'>Change Placeholder</button> 
 
</body> 
 

 
</html>