Obtenir de la valeur dans la zone de texte de saisie

Question

Quels sont les moyens d'obtenir et de rendre une valeur input 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"  />
 

Answer 1

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

Answer 2

Vous pouvez uniquement sélectionner une valeur avec les deux méthodes suivantes:

 // First Way
value = $("#txt_name").val(); 
// Second Way
value = $("#txt_name").attr('value');
 

Si vous voulez utiliser Javascript directement pour obtenir la valeur, voici comment:

 document.getElementById('txt_name').value 
 

Answer 3

Il y a une chose importante à mentionner:

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

retournera la valeur réelle actuelle du champ de texte, par exemple si l'utilisateur a tapé quelque chose après le chargement de la page. mais:

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

retournera la valeur de DOM / HTML.

Answer 4

Vous pouvez obtenir l'attribut value directement puisque vous savez qu'il s'agit d'un élément <input> , mais votre utilisation actuelle de .val() est déjà celle en cours.

Pour ce qui précède, utilisez simplement .value sur l'élément DOM directement, comme ceci :

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

Answer 5

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

 .val( function(index, value) )