Wie kann ein Eingabewert mit jQuery abgerufen und gerendert werden?
Hier ist eine:
$(document).ready(function() {
$("#txt_name").keyup(function() {
alert($(this).val());
});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />
jquery
html
jquery-selectors
textinput
Bharanikumar
quelle
quelle
Antworten:
quelle
val
dervar bla
dann muss er die Anführungszeichen entfernen.Sie können einen Wert nur auf zwei Arten auswählen:
Wenn Sie direktes JavaScript verwenden möchten, um den Wert zu erhalten, gehen Sie wie folgt vor:
quelle
attr
auch durch ersetzt werden kannprop
. Das ist semantisch besser.$("#txt_name").val(str);
in Chrome funktioniert, um den Wert festzulegen. Versuchen Sie diesen Beitrag .$("#txt_name").attr('value')
wird immer den Inhalt des Attributs „Wert“ zurückkehren, so dass , wenn Sie das Eingabefeld ändern, wird der Wert nicht ändert..val()
wird immer den Inhalt des Feldes zurückgeben ..Es gibt eine wichtige Sache zu erwähnen:
gibt den aktuellen realen Wert eines Textfelds zurück, z. B. wenn der Benutzer dort nach dem Laden einer Seite etwas eingegeben hat.
Aber:
gibt einen Wert aus DOM / HTML zurück.
quelle
Sie können das
value
Attribut direkt abrufen, da Sie wissen, dass es sich um ein<input>
Element handelt, aber Ihre aktuelle Verwendung von.val()
ist bereits die aktuelle.Verwenden Sie
.value
für das oben Gesagte einfach das DOM-Element direkt wie folgt :quelle
Sie müssen verschiedene Methoden verwenden, um den aktuellen Wert eines Eingabeelements abzurufen.
METHODE 1
Wenn Sie eine einfache verwenden möchten
.val()
, versuchen Sie Folgendes:Werte von Input abrufen
Setzen Sie den Wert auf Input
Methode - 2
Verwenden Sie
.attr()
diese Option , um den Inhalt abzurufen.Ich füge dem Eingabefeld nur ein Attribut hinzu.
value=""
Das Attribut ist derjenige, der den Textinhalt enthält, den wir in das Eingabefeld eingegeben haben.Methode - 3
Sie können diese direkt auf Ihrem
input
Element verwenden.quelle
Sie können den Wert wie folgt erhalten:
Wobei
this
sich auf das Formular bezieht, das die Eingabe enthält.quelle
this
sich auf das Formular bezieht, das die Eingabe enthält.Ich denke, diese Funktion fehlt hier in früheren Antworten:
quelle
Um den Textfeldwert abzurufen, können Sie die jQuery-
val()
Funktion verwenden.Zum Beispiel,
$('input:textbox').val()
- Textfeldwert abrufen.$('input:textbox').val("new text message")
- Legen Sie den Textfeldwert fest.quelle
Für diejenigen, die genau wie ich Neulinge in JS sind und
undefined
anstelle von Textwerten sicherstellen, dass Ihreid
keine ungültigen Zeichen enthalten .quelle
Sie können den Wert einfach im Textfeld festlegen.
Zunächst erhalten Sie den Wert wie
Nachdem ein Wert in der Eingabe wie eingestellt wurde
quelle
Versuche dies. Es wird sicher funktionieren.
quelle
<input type="text" />
) gibt, wird undefiniert zurückgegeben. (2) Wenn Sie es so machen<input type="text" value="test" />
und der Benutzer foo in das Eingabefeld$('#txt_name').attr('value')