Frage Holen Sie den Wert in ein Eingabetextfeld


Wie kann ein Eingabewert mithilfe von jQuery abgerufen und gerendert werden?

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

832
2017-11-03 15:07


Ursprung


Antworten:


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

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

1376
2018-04-09 13:28



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

document.getElementById('txt_name').value 

561
2017-11-03 15:11



Es gibt eine wichtige Sache zu erwähnen:

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

Gibt den aktuellen tatsächlichen Wert eines Textfelds zurück, wenn der Benutzer nach dem Laden der Seite etwas eingegeben hat.

Aber:

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

gibt den Wert von DOM / HTML zurück.


74
2018-03-20 14:54



Du kannst das bekommen value Attribut direkt, da Sie wissen, dass es ein ist <input> Element, aber Ihre aktuelle Verwendung von .val() ist schon der aktuelle.

Für die oben genannten, einfach verwenden .value auf dem DOM-Element direkt, so was:

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

32
2017-11-03 15:09



Ich denke, dass diese Funktion hier in früheren Antworten fehlt

.val( function(index, value) ) 

13
2018-06-22 06:21



Sie können den Wert folgendermaßen erhalten:

this['inputname'].value

10
2018-01-30 22:04



Sie müssen verschiedene Möglichkeiten nutzen, um den aktuellen Wert eines Eingabeelements zu erhalten.

METHODE 1

Wenn Sie ein einfaches verwenden möchten .val(), Versuche dies:

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

Erhalten Sie Werte von Eingabe

// 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();

Setzen Sie den Wert auf Eingabe

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

METHODE - 2

Benutzen .attr() um den Inhalt zu bekommen.

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

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

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

METHODE - 3

Sie können dieses direkt auf Ihrem verwenden input Element.

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

7
2017-07-05 20:16



Um den Textboxwert zu erhalten, können Sie jQuery verwenden val() Funktion.

Beispielsweise,

$('input:textbox').val() - Get Textfeld Wert.

$('input:textbox').val("new text message") - Setzen Sie den Textbox-Wert.


5
2017-11-04 14:19