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

Antwoord 1, autoriteit 100%

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

Antwoord 2, autoriteit 35%

U kunt een waarde alleen op de volgende twee manieren selecteren:

// First way to get a value
value = $("#txt_name").val(); 
// Second way to get a value
value = $("#txt_name").attr('value');

Als u rechtstreeks JavaScript wilt gebruiken om de waarde te krijgen, gaat u als volgt te werk:

document.getElementById('txt_name').value 

Antwoord 3, autoriteit 5%

Er is één belangrijk ding om te vermelden:

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

retourneert de huidige echte waarde van een tekstveld, bijvoorbeeld als de gebruiker daar iets heeft getypt na het laden van een pagina.

Maar:

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

retourneert waarde uit DOM/HTML.

Antwoord 4, autoriteit 2%

U kunt het kenmerk valuerechtstreeks ophalen, aangezien u weet dat het een <input>-element is, maar uw huidige gebruik van .val()is al de huidige.

Gebruik voor het bovenstaande gewoon .valuerechtstreeks op het DOM-element, zoals dit:

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

Antwoord 5

Je moet verschillende manieren gebruiken om de huidige waarde van een invoerelement te krijgen.

METHODE – 1

Als je een eenvoudige .val()wilt gebruiken, probeer dan dit:

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

Waarden ophalen uit Input

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

Stel waarde in op Invoer

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

Gebruik .attr()om de inhoud op te halen.

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

Ik voeg slechts één attribuut toe aan het invoerveld. Het kenmerk value=""is degene die de tekst bevat die we in het invoerveld hebben ingevoerd.

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

METHODE – 3

u kunt deze rechtstreeks op uw input-element gebruiken.

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

Antwoord 6

U kunt de waarde als volgt verkrijgen:

this['inputname'].value

Waar thisverwijst naar het formulier dat de invoer bevat.

Antwoord 7

Ik denk dat deze functie hier in eerdere antwoorden is gemist:

.val( function(index, value) ) 

Antwoord 8

Om de tekstvakwaarde te krijgen, kunt u de jQuery val()-functie gebruiken.

Bijvoorbeeld

$('input:textbox').val()– Tekstvakwaarde ophalen.

$('input:textbox').val("new text message")– Stel de tekstvakwaarde in.

Antwoord 9

U kunt de waarde eenvoudig in het tekstvak instellen.

Eerst krijg je de waarde zoals

var getValue = $('#txt_name').val();

Nadat een waarde is ingesteld in invoer zoals

$('#txt_name').val(getValue);

Antwoord 10

Probeer dit eens. Het zal zeker werken.

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

Antwoord 11

Pure JS

txt_name.value

Antwoord 12

Je kunt het proberen

let quantity = $('input[name = quantity]').val()

waarbij de naam van het invoerveld hoeveelheid is