Opérations d'ajout, de suppression, de modification et de vérification de Jquery sur select_jquery

Vous ne pouvez pas échapper aux quatre opérations traditionnelles : ajouter, supprimer, modifier et vérifier.

[Ajouté] :

Copier le code Le code est le suivant :

$("#select_id").append("Text" //Ajouter une option (élément déroulant) pour sélectionner
$("#select_id").prepend("Veuillez sélectionner" //Insérez une option (première position) pour Sélectionner

[Supprimé] :

Copier le code Le code est le suivant :

$("#select_id option:last").remove(); //Supprime l'option avec la plus grande valeur d'index dans Select (la dernière)
$("#select_id option[index='0']").remove(); //Supprimez l'option (en premier) avec la valeur d'index 0 dans Select
$("#select_id option[value='3']").remove(); //Supprimer l'option avec Value='3' dans Select
$("#select_id option[text='4']").remove(); //Supprimer l'option avec Text='4' dans Select
$("#select_id").empty(); //Vide

[Modifier](Définir les éléments sélectionnés) :

Copier le code Le code est le suivant :

$("#select_id ").get(0).selectedIndex=1; //Définissez l'élément avec Sélectionner la valeur d'index 1 pour sélectionner
$("#select_id ").val(4); //Définissez la valeur Select sur 4 pour sélectionner l'élément
$("#select_id option[text='jQuery']").attr("selected", true); //Définissez la valeur Text de Select sur l'élément jQuery sélectionné

[Vérifier](Obtenir la valeur sélectionnée) :

1. Obtenez la valeur de l'élément sélectionné

Copier le code Le code est le suivant :

$("#select_id").val(); //Obtenir la valeur de l'élément sélectionné
$("#select_id ").get(0).selectedIndex; //Obtenir la valeur d'index de l'élément sélectionné
$("#select_id").find("option:selected").text(); //Obtenir le texte de l'élément sélectionné
$("#select_id option:last").attr("index"); //Obtenir la valeur d'index maximale de Select

Un exemple de code est joint. La fonction du code consiste à modifier le nombre de jours dans l'option "Jour" en fonction de "l'Année" et du "Mois" actuellement sélectionnés.

Écrit en php, le $("select.day") par défaut a initialement 31 jours, car la valeur par défaut est janvier :

Copier le code Le code est le suivant :

//Année
pour ($année = 1990; $année <= date("Y"); $année) {
?>
            
>
?>

Copier le code Le code est le suivant :

//mois
pour ($mois = 1 ; $mois <= 12 ; $mois) {
?>
            
>
?>

Copier le code Le code est le suivant :

//Jour
pour ($jour = 1; $jour <= 31; $jour) {
?>
            
>
?>

code jquery :

Copier le code Le code est le suivant :

$(document).ready(function() {
$("select.month, select.year").change(function() { //Les modifications de "année" et "mois" peuvent entraîner des modifications de "jour"
            $("select.day").empty( //Très important, effacez-le d'abord
); pour (var je = 1; je < 31; je ) {
               var option = $("").val(i).text(i);
                 $("select.day").append(option);
>
         var mois = $("select.month").val();
Si ((mois % 2 && mois < 8) || (mois % 2 === 0 && mois > 7)) {
                   $("select.day").append("31" //Ajouter une option
si le nombre de jours est de 31 jours >
Si (mois === 2) {
                $("select.day option:last").remove();
                $("select.day option:last").remove( //Le nombre de jours en février est de 28
);           var année = $("select.year").val();
Si ((année % 4 === 0 && année % 100) || année % 400 === 0)
                   $("select.day").append("29" //Ajoutez un au nombre de jours de février dans les années bissextiles
>
});
});

Ce qui précède est un résumé de l'implémentation par jQuery des opérations d'ajout, de suppression, de modification et de vérification de sélection. J'espère que vous l'aimerez tous.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Javascript implémente l'appui sur la touche Entrée pour changer de compétences focus_javascriptArticle suivant：Javascript implémente l'appui sur la touche Entrée pour changer de compétences focus_javascript

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved