Javascript Girl
  1. Javascript Girl
  3. Séparez chaque valeur avec une virgule à partir de plusieurs choix
Intereting Posts
Personnaliser la info-bulle Highcharts pour afficher l'heure de la date JQGrid Custom Triing Empêche le défilement de "faire des bouffées" d'un élément à l'autre Faites glisser un fichier obj en utilisant trois js Comment puis-je imprimer la valeur de toutes les propriétés d'un objet dans javascript? Changer le style du curseur selon le type ou non Défilement automatique lisse en utilisant javascript Quelle est la fiabilité de la "commande" dans NodeLists interrogé Preg: comment écrire un modèle de preg pour obtenir le nom de domaine à partir d'un courrier électronique? Comment puis-je empêcher le vol de code javascript? Multiplie tous les éléments en tableau Comment convertir au format JSON de D3? Afficher | Cacher la division en fonction de l'affichage DropDownList Limiter les types de fichiers affichés dans la fenêtre Parcourir Passe la fonction dans json et exécute

Séparez chaque valeur avec une virgule à partir de plusieurs choix

J'ai un <select multiple='multiple' et je dois afficher la valeur sélectionnée dans un div ou une autre partie de la page.

Je l'ai fait, mais la chaîne est complètement brulée. Comment puis-je séparer chaque valeur par une virgule?

J'ai fait un exemple en direct avec ce que j'ai jusqu'ici.

Ou si vous préférez, voici le code:

Html: 

 <select multiple='multiple' id="selMulti"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> </select> <input type="button" id="go" value="Go!" /> <div style="margin-top: 10px;" id="result"></div>

Js: 

 $("#go").click(function(){ var selMulti = $("#selMulti option:selected").text(); $("#result").text(selMulti); });

Si vous sélectionnez les options 1 et 2, le résultat sera:

Option 1Option 2

Ce dont j'ai besoin, c'est:

Option 1, Option 2

Merci

Vous devez mapper les éléments à un tableau et ensuite les rejoindre: 

 $("#go").click(function(){ var selMulti = $.map($("#selMulti option:selected"), function (el, i) { return $(el).text(); }); $("#result").text(selMulti.join(", ")); });

Démonstration de travail: http://jsfiddle.net/AcfUz/ 

 $("#go").click(function(){ var textToAppend = ""; var selMulti = $("#selMulti option:selected").each(function(){ textToAppend += (textToAppend == "") ? "" : ","; textToAppend += $(this).text(); }); $("#result").html(textToAppend); });