2016-12-07 9 views
0

Ich mag würde ein Textfeld und ein div in der Nähe davon machen, ähnlich dem, was Sie in Stackoverflow hier in der „Frage stellen“ Webseite. Sie geben einen Text in den Textbereich ein und der Text wird unter dem Textbereich live gerendert. Ich möchte dies machen, um "live" einige Codes wie "a024" im Textfeld in Symbole im div umzuwandeln. Muss ich JavaScript verwenden, um diese Funktion zu erhalten? Danke.machen Live-Text in einem Textfeld

+0

oh du meinst 4 Leerzeichen werden Code ... wie das? – Mahi

Antwort

0

Ja. Das hieß zu Beginn von JavaScript DHTML für Dynamic HTML. Sie müssen Javascript verwenden, um dieses Verhalten zu erstellen.

Sie können den Wert eines Elements mit so etwas wie bekommen:

var source = document.getElementById("sourceTextarea").value; 

und stellen Sie Text in einem Zielelement mit so etwas wie:

document.getElementById("destinationDiv").innerText = "some text"; 

in Ihrem HTML werden Sie verwenden müssen:

<textarea id="sourceTextarea"></textarea><div id="destinationDiv"></div> 
0

Sie werden definitiv Javascript benötigen, um dieses Ziel zu erreichen.

Sie können die ‚onkeyup‘ Eigenschaft des Textarea machen ein binden JavaScript, um das keyup Ereignis funktionieren.

Sobald Sie dies tun, können Sie den texarea Wert verarbeiten zu ersetzen, was Sie brauchen.

function updateMyDiv() { 
 
    var myTextarea = document.getElementById("myTextarea"); 
 
    var myDiv = document.getElementById("myDiv"); 
 
    myDiv.innerHTML = myTextarea.value; 
 
}
<html> 
 
<body> 
 

 
<textarea id="myTextarea" onkeyup="updateMyDiv()"> 
 
</textarea> 
 

 
<div id="myDiv"> 
 
</div> 
 

 
</body> 
 
</html>

Verwandte Themen