jQuery exploite DOM pour obtenir la valeur du formulaire control_jquery

L'exemple de cet article décrit comment jQuery exploite le DOM pour obtenir la valeur du contrôle de formulaire. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

La plus grande différence entre les attributs HTML et les attributs DOM est probablement la valeur du contrôle de formulaire. Par exemple, l'attribut value de la zone de saisie de texte dans le DOM est appelé defaultValue et il n'y a aucun attribut value dans le DOM. Quant à l'élément de liste d'options (select), la valeur de son option est généralement obtenue via l'attribut selectedIndex dans le DOM, ou via l'attribut selected de son élément d'option.

En raison de ces différences, il est préférable de ne pas utiliser la méthode .attr() lors de l'obtention et de la définition de la valeur d'un contrôle de formulaire. En ce qui concerne la liste d'options, il est préférable de ne même pas utiliser la méthode .prop(). Alors quoi utiliser ? Il est recommandé d'utiliser la méthode .val() fournie par jQuery :

Copier le code Le code est le suivant :

//Obtenir la valeur actuelle de la zone de saisie de texte
var inputValue = $('#my-input').val();
//Obtenir la valeur actuelle de la liste d'options
var selectValue = $('#my-select').val();
8. Définissez la valeur de la liste radio
$('#my-single-select').val('value3');
/^Définir la valeur de la liste à sélection multiple
$('#my-multi-select').val(['value1', 'value2']);

Comme .attr() et .prop(), la méthode .val() peut également accepter une fonction comme paramètre setter. Avec cette méthode polyvalente .val(), vous vous sentirez plus efficace lorsque vous utiliserez jQuery pour le développement Web.

J'espère que cet article sera utile à la programmation jQuery de chacun.