Ne pas afficher les options dans la boîte de sélection après les options maximales à l'aide de jquery

utilisateur001

J'ai le code suivant:

$( "#multipleOptions" ).change(function() {
    if (this.selectedOptions.length <= 3) {
        var multipleOptions = [0];
        if ($(this).val()){
            multipleOptions = $(this).val();
        }
        var postData = { "multipleOptions": multipleOptions }
        $.ajax(url = "/app/"+multipleOptionsId+"/",
            type="PATCH",
            data=postData,
            success=function(resp){
                notify("Multiple Options update was successful", "success");
            },
            error=function(){
                alert("Could not save", "error");
            }
        );
    } else {
        alert("You can only select a maximum of three options");
    }
});

Ici, je dois limiter le nombre d'options à trois. Maintenant, d'après ce que j'ai écrit, il n'envoie pas plus de trois options au backend, mais le problème est qu'il affichera des options supplémentaires lorsqu'il sera sélectionné dans la boîte de sélection avec le message d'alerte s'il y a plus de trois options. Comment puis-je ne pas afficher l'option supplémentaire et uniquement le message d'alerte ?

utilisateur001

D'après le commentaire de @freedomn-m , voici comment je l'ai fait fonctionner :

var multipleOptionsVar;

$( "#multipleOptions" ).change(function() {
    if (this.selectedOptions.length <= 3) {
        var multipleOptions = [0];
        if ($(this).val()){
            multipleOptions = $(this).val();
            multipleOptionsVar = multipleOptions;
        }
        var postData = { "multipleOptions": multipleOptions }
        $.ajax(url = "/app/"+multipleOptionsId+"/",
            type="PATCH",
            data=postData,
            success=function(resp){
                notify("Multiple Options update was successful", "success");
            },
            error=function(){
                alert("Could not save", "error");
            }
        );
    } else {
        $(this).val(multipleOptionsVar);
        $(this).trigger("change.select2");
        alert("You can only select a maximum of three options");
    }
});

window.onload = function(e) {
    multipleOptionsVar = $( "#multipleOptions" ).val();
}

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

TOP liste

  1. 1

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  2. 2

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  3. 3

    Microsoft.WebApplication.targets

  4. 4

    knn classification 10 plis de l'outil et du tri

  5. 5

    Quelle est la relation entre le modèle et le tableau ? C'est compliqué

  6. 6

    Créer un système Buzzer à l'aide de python

  7. 7

    Fonction de puissance en Java

  8. 8

    opérations en virgule flottante dans go

  9. 9

    Comment définir la couleur de l'intersection dans un diagramme de Venn?

  10. 10

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  11. 11

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  12. 12

    AutoMapper.Collection.EFCore - Erreur générée lors de la configuration

  13. 13

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

  14. 14

    Comment remplir les valeurs manquantes avec plusieurs colonnes dans R

  15. 15

    Comment puis-je ajouter un UIView sous mon contrôleur de barre d'onglets par programme?

  16. 16

    Yat-il un référentiel maven application Java à démarrer rapidement 11

  17. 17

    Comment rechercher des éléments dans une ArrayList? - Java

  18. 18

    Comment utiliser HttpClient avec TOUT cert ssl, quelle que soit la « mauvaise » est

  19. 19

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  20. 20

    Sélectionnez le bouton radio sur la saisie de texte

  21. 21

    Placez le modeBar en haut au centre à l'aide de plotly.js

chaudétiquette

Archive