it-swarm.com.de

Rufen Sie den Wert in einem Eingabetextfeld ab

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"  />
900
Bharanikumar
//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);
1496
Conrad

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 
577
RJD22

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.

78
Artur79

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);
  });
});
38
Nick Craver

Ich denke, diese Funktion wird hier in früheren Antworten vermisst

.val( function(index, value) ) 
14
dilip kumbham

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);
});
13
Simplans

Sie können den Wert wie folgt erhalten:

this['inputname'].value

Dabei bezieht sich this auf das Formular, das die Eingabe enthält.

13

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.

5
Leon

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);
1
Muddasir23

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.

1

Versuche dies. Es wird sicher funktionieren.

var userInput = $('#txt_name').attr('value')
0
H.Ostwal