Discussion :

[renaud26]

Bonjour à tous,

Comme dit dans le titre, je souhaiterais afficher dans un div l'addition des valeurs sélectionnées. Je souhaiterais que si un élément est désélectionné, le résultat soit bien entendu décrémenté.
Côté html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<select name="liste[]" id="liste" multiple="multiple" onchange="compte_result_select()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select
 
<div id="result"></div>

Côté jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function compte_result_select(){
var nb = 0;
    $("select[id='liste'] option:selected").each(function() {
          nb += $(this).val();
    });
	$("#result").html(nb);
}

Mais rien ne s'affiche...
Merci de votre aide.

[SpaceFrog]

http://jsfiddle.net/Lp3vk288/

[renaud26]

Bonjour et merci de ta réponse, c'est carrément cool !
Mais je fais la fine bouche : on est obligé de passer par un bouton ? Ca peut pas le faire simplement par des sélections dans le multiple ?

[NoSmoking]

Bonjour,

Ca peut pas le faire simplement par des sélections dans le multiple ?

tu as essayé quoi au juste attendu qu'il me semble que tu connais onchange="compte_result_select()">.

[renaud26]

tu as essayé quoi au juste attendu qu'il me semble que tu connais onchange="compte_result_select()">.

Oui, j'ai essayé d'attacher la fonction au select : évidemment. Il m'est important de comprendre.
Mais cela ne fonctionne pas.

[Bovino]

http://jsfiddle.net/Lp3vk288/1/

Sinon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("select[id='liste'] option:selected")

quelle horreur !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#liste").find(":selected")

est quand même plus conventionnel (et accessoirement, plus optimisé).