Abrufen des Wertes in einem Eingabe-Textfeld

Question

Welche Möglichkeiten gibt es, einen Eingabewert mit jQuery abzurufen und darzustellen?

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" />

Answer 1

//Get
var bla = $('#txt_name').val();

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

Answer 2

Sie können einen Wert nur auf die folgenden beiden 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 verwenden möchten, um den Wert zu ermitteln, gehen Sie folgendermaßen vor:

document.getElementById('txt_name').value

Answer 3

Es gibt eine wichtige Sache zu erwähnen:

$("#txt_name").val();

gibt den aktuellen realen Wert eines Textfeldes zurück, z. B. wenn der Benutzer nach dem Laden der Seite dort etwas eingegeben hat.

Aber:

$("#txt_name").attr('value')

gibt einen Wert aus DOM/HTML zurück.

Answer 4

Sie können die value Attribut direkt, da Sie wissen, dass es sich um ein <input> Element, aber Ihre derzeitige Verwendung von .val() ist bereits der aktuelle.

Für die obigen Ausführungen verwenden Sie einfach .value direkt auf das DOM-Element, wie diese :

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

Answer 5

Um den aktuellen Wert eines Eingabeelements zu ermitteln, müssen Sie verschiedene Methoden verwenden.

VERFAHREN - 1

Wenn Sie eine einfache .val() versuchen Sie dies:

<input type="text" id="txt_name" />

Werte von Input 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 Eingabe 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

Utilice .attr() um den Inhalt zu erhalten.

<input type="text" id="txt_name" value="" />

Ich füge dem Eingabefeld nur ein Attribut hinzu. value="" Attribut ist derjenige, der den Textinhalt trägt, den wir in das Eingabefeld eingegeben haben.

$("input").attr("value");

VERFAHREN - 3

können Sie diesen direkt auf Ihrem input Element.

$("input").keyup(function(){
    alert(this.value);
});