Question Récupère la valeur dans une zone de saisie


Quels sont les moyens d'obtenir et de rendre une valeur d'entrée en utilisant jQuery?

En voici un:

<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


origine


Réponses:


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

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

1376
2018-04-09 13:28



Vous pouvez uniquement sélectionner une valeur avec les deux manières 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 directement pour obtenir la valeur, voici comment:

document.getElementById('txt_name').value 

561
2017-11-03 15:11



Il y a une chose importante à mentionner:

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

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

Mais:

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

retournera la valeur de DOM / HTML.


74
2018-03-20 14:54



Vous pouvez obtenir le value attribuer directement depuis que vous savez que c'est un <input> élément, mais votre utilisation actuelle de .val() est déjà l'actuel.

Pour ce qui précède, il suffit d'utiliser .value sur l'élément DOM directement, comme ça:

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

32
2017-11-03 15:09



Je pense que cette fonction est manquée ici dans les réponses précédentes

.val( function(index, value) ) 

13
2018-06-22 06:21



Vous pouvez obtenir la valeur comme ceci:

this['inputname'].value

10
2018-01-30 22:04



Vous devez utiliser différentes méthodes pour obtenir la valeur actuelle d'un élément d'entrée.

MÉTHODE - 1

Si vous voulez utiliser un simple .val(), essaye ça:

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

Obtenir des valeurs 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();

Définir la valeur sur 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");

MÉTHODE - 2

Utilisation .attr() pour obtenir le contenu.

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

Je viens d'ajouter un attribut au champ de saisie. value="" attribut est celui qui porte le contenu du texte que nous avons entré dans le champ de saisie.

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

MÉTHODE - 3

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

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

7
2017-07-05 20:16



Pour obtenir la valeur de la zone de texte, vous pouvez utiliser jQuery val() fonction.

Par exemple,

$('input:textbox').val() - Obtenir la valeur de la zone de texte.

$('input:textbox').val("new text message") - Définir la valeur de la zone de texte.


5
2017-11-04 14:19