2017-03-01 8 views
-2

Ich habe ein Eingangselement:Wie bekomme ich Text von einem Eingabeelement und ändere den Wert eines anderen Elements?

<input type="text" /> 

Wie kann ich Text aus diesem Eingang bekommen? und dann, wie man es irgendwo anders auf der Seite druckt oder wie man Text eines anderen Elements in der Seite zu ihm ändert?

+0

Was meinst du mit gesetzter position? Möchten Sie die Position des Eingabefeldes dynamisch ändern? Oder möchten Sie den Text, der in der Eingabe war, in einem anderen Element rendern? – samson

+0

Ich möchte Text von der Eingabe erhalten und die Position des Textes festlegen – Oire

Antwort

0

Sie benötigen eine ID zur Eingabe wie ein < input type = "text" id = "txtName">, jetzt in Javascript schreiben können Sie abrufen und festlegen text =

$ ('# txtName'). val() < - get Text vom Eingang $ ('# txtName') val ('some text') < -. set Text eingeben

oder

$ (input [type = "text]") .val() aber wählen Sie alle Eingaben mit dem Text

0

Versuchen Sie die

folgende

var inputElem=document.getElementsByTagName('input')[0]; 
 
inputElem.style.textAlign='center'; 
 
var textInput=inputElem.value;
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>HTML5, CSS3 and JavaScript demo</title> 
 
</head> 
 
<body> 
 
<!-- Start your code here --> 
 

 
<input type="text"> 
 

 
<!-- End your code here --> 
 
</body> 
 
</html>

0

Try this:

<input type="text" id="inputID"> 

Um Text aus Eingabefeld zu erhalten jquery

$('inputID').val(); 

Um Text aus Eingabefeld zu erhalten, ohne jquery

mit 0.123.
document.getElementById('inputID').value; 
0
<input type='text' name='myInput' id='myInput' /> 

Um Javascript Sie es mit getElementById() Methode von document Objekt zu tun, wählen Sie brauchen, um input s Wert mit:

var inputValue = document.getElementById("myInput").value; 

Nun, da Sie geholt haben & es in einer Variablen gespeichert, Es scheint, dass Sie es irgendwo in Seite setzen möchten. Um dies zu erreichen, sollten Sie zuerst das Element finden, die Sie wollen, um seinen Wert ändern & dann zuweisen inputValue seine text oder innerHTML:

//Assume we have an `h1` element in our desired position in the doc 
<h1 id="targetPosition">....</h1> 

Jetzt werden wir weisen Sie inputValue-h1:

document.getElementById("targetPosition").innerHTML = inputValue; 
Verwandte Themen