Obtenir la valeur dans une zone de texte d'entrée

vous ne pouvez sélectionner une valeur qu'avec les deux méthodes suivantes:

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

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

si vous voulez utiliser JavaScript pour la récupérer, voici comment faire:

document.getElementById('txt_name').value 

il y a une chose importante à mentionner:

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

retournera la valeur réelle actuelle d'un champ de texte, par exemple si l'utilisateur y a tapé quelque chose après un chargement de page.

mais:

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

retournera la valeur de DOM/HTML.

vous pouvez obtenir l'attribut value directement puisque vous savez que c'est un élément <input> , mais votre usage actuel de .val() est déjà l'actuel.

pour ce qui précède, il suffit d'utiliser .value directement sur L'élément DOM, comme ceci :

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

je pense que cette fonction est raté ici dans les réponses précédentes

.val( function(index, value) ) 

Vous pouvez obtenir la valeur comme ceci:

this['inputname'].value

Où this fait référence à la forme qui contient l'entrée.

Vous devez utiliser divers moyens pour obtenir la valeur actuelle d'un élément d'entrée.

METHOD-1

si vous voulez utiliser un simple .val() , essayez ceci:

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

Obtenir les valeurs à partir de l'Entrée

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

valeur de consigne à l'Entrée

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

METHOD-2

utilisez .attr() pour obtenir le contenu.

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

j'ajoute juste un attribut au champ d'entrée. L'attribut value="" est celui qui contient le contenu du texte que nous avons entré dans le champ d'entrée.

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

METHOD-3

vous pouvez utiliser celui-ci directement sur votre élément input .

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

pour obtenir la valeur de la boîte de texte, vous pouvez utiliser la fonction val() de jQuery.

par exemple,

$('input:textbox').val() – obtenir la valeur de la boîte de texte.

$('input:textbox').val("new text message") – définissez la valeur de la boîte de texte.

pour ceux qui comme moi sont des débutants dans JS et d'obtenir undefined au lieu de la valeur de texte assurez-vous que votre id ne contient pas les caractères invalides .