Wie kann ich einen Eingabewert mit jQuery abrufen und rendern?
Hier ist eine:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#txt_name").keyup(function(){
alert($(this).val());
});
})
</script>
<input type="text" id="txt_name" />
//Get
var bla = $('#txt_name').val();
//Set
$('#txt_name').val(bla);
Sie können einen Wert nur auf zwei Arten auswählen:
// First way to get a value
value = $("#txt_name").val();
// Second way to get a value
value = $("#txt_name").attr('value');
Wenn Sie JavaScript direkt verwenden möchten, um den Wert abzurufen, gehen Sie wie folgt vor:
document.getElementById('txt_name').value
Es gibt eine wichtige Sache zu erwähnen:
$("#txt_name").val();
gibt den aktuellen reellen Wert eines Textfelds zurück, zum Beispiel, wenn der Benutzer nach dem Laden einer Seite dort etwas eingibt.
Aber:
$("#txt_name").attr('value')
gibt den Wert aus DOM/HTML zurück.
Sie können das value
-Attribut direkt abrufen, da Sie wissen, dass es sich um ein <input>
-Element handelt. Ihre aktuelle Verwendung von .val()
ist jedoch bereits die aktuelle.
Verwenden Sie für das Obige einfach .value
für das DOM-Element direkt, wie hier :
$(document).ready(function(){
$("#txt_name").keyup(function(){
alert(this.value);
});
});
Ich denke, diese Funktion wird hier in früheren Antworten vermisst
.val( function(index, value) )
Sie müssen verschiedene Methoden verwenden, um den aktuellen Wert eines Eingabeelements abzurufen.
METHODE 1
Wenn Sie eine einfache .val()
verwenden möchten, versuchen Sie Folgendes:
<input type="text" id="txt_name" />
Werte aus Eingabe abrufen
// use to select with DOM element.
$("input").val();
// use the id to select the element.
$("#txt_name").val();
// use type="text" with input to select the element
$("input:text").val();
Wert auf Input setzen
// use to add "text content" to the DOM element.
$("input").val("text content");
// use the id to add "text content" to the element.
$("#txt_name").val("text content");
// use type="text" with input to add "text content" to the element
$("input:text").val("text content");
VERFAHREN - 2
Verwenden Sie .attr()
, um den Inhalt abzurufen.
<input type="text" id="txt_name" value="" />
Ich füge nur ein Attribut zum Eingabefeld hinzu. Das value=""
-Attribut trägt den Textinhalt, den wir in das Eingabefeld eingegeben haben.
$("input").attr("value");
VERFAHREN - 3
sie können diese direkt in Ihrem input
-Element verwenden.
$("input").keyup(function(){
alert(this.value);
});
Sie können den Wert wie folgt erhalten:
this['inputname'].value
Dabei bezieht sich this
auf das Formular, das die Eingabe enthält.
Um den Textfeldwert abzurufen, können Sie die Funktion jQuery val()
verwenden.
Zum Beispiel,
$('input:textbox').val()
- Textfeldwert abrufen.
$('input:textbox').val("new text message")
- Legt den Textfeldwert fest.
Sie können den Wert einfach in das Textfeld eingeben.
Zuerst bekommst du den Wert wie
var getValue = $('#txt_name').val();
Nach dem Erhalten eines Wertes wie in der Eingabe
$('#txt_name').val(getValue);
Für diejenigen, die genau wie ich Neulinge in JS sind und undefined
anstelle des Textwerts erhalten, stellen Sie sicher, dass Ihre id
keine ungültigen Zeichen enthält.
Versuche dies. Es wird sicher funktionieren.
var userInput = $('#txt_name').attr('value')