Dev Faq
0
votes

Comment générer le texte de toutes les options sélectionnées dans une liste déroulante Multi Select sans soumettre à l'aide de PHP JavaScript

J'ai du mal à afficher des options sélectionnées comme liste. Comment puis-je faire boucle via des options sélectionnées dans MULTI SELECT DÉLASSIZER AUX CHANGEMENT ÉVÉNEMENT DE SELECT

ICI Affiche une seule option sélectionnée car je n'ai aucune idée de boucle via des options sélectionnées P> 

$(document).ready(function() {
    $("#sel3").change(function() {
        var x = document.getElementById("sel3");
        var i = x.selectedIndex;
        document.getElementById("demo").innerHTML= x.options[i].text;
    });
});

1 commentaires

Dupliqué possible de Obtenez des valeurs à partir de plusieurs sélections dans Sélectionner

3 Réponses :

1
votes

Si je lis correctement votre question, vous voulez dire l'étiquette de texte des balises d'option. Juste itérer sur chaque option sélectionnée, comme si vous utilisez . Cotation () Méthode: xxx

Si vous souhaitez les données dans l'attribut Valeur, utilisez $ (SementionsOPTIONS ) .val () à la place.

Pour rendre les éléments de matrice dans la liste séparée des virgules Utilisez SelectedyTexts.join (); et attribuez-le comme $ ( '#demo'). HTML (SELECTIONNEXTEXTS.JOIN ())

0 commentaires
0
votes

Voici un exemple de jQuery xxx

0 commentaires
0
votes

J'ai fait un exemple sans jQuery strong>, concaténant des options sélectionnées comme une chaîne dans l'élément démo em>. J'espère que cela aide. 

<select class="form-control selectpicker sel3" multiple data-live-search="true" id="sel3" name="course[]">
    <option value="1">Disciplinary Procedure</option>
    <option value="2">Office Methods</option>
    <option value="3">Photoshop</option>
    <option value="4">CIGAS</option>
    <option value="5">Auditing</option>         
</select>
<p id="demo">
Selections
</p>

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO