Discussion :

[trucmuche2005]

Bonjour,

J'ai un élément SELECT2 du type :

Code :

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

1
2
3
4
5
<select name='myselectbox' multiple='multiple' data-placeholder='exemple' >
<option value='781' data-optid='1'>item 1</option>
<option value='166' data-optid='2'>item 2</option>
<option value='440' data-optid='5'>item 3</option>
</select>

J'aimerais parvenir à extraire des couples value + optid pour tous les éléments sélectionnés et faire un array avec tout cela.
Par exemple, si je sélectionne l'item1 et l'item 3, j'aimerais obtenir l'array [ ['781', '1'], ['440','5'] ].

J'ai essayé avec

Code :

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

var selection = $("select[name='myselectbox']", form).val(); // c'est bien un array

et avec

Code :

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

var selection = $("select[name='myselectbox']",form).select2("data");

mais je ne parviens pas à trouver comment faire...

Pourriez-vous m'aider svp ?

Mille mercis !

T.

[SpaceFrog]

pour recuperer le value de la valeur selectionnée :

Code :

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

selectionvalue = $("select[name='myselectbox']").val()

pour recuperer le data de la valeur selectionnée :

Code :

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

selectiondata = $("select[name='myselectbox'] option:selected").data("optid")

[trucmuche2005]

Je sais bien, cela... mais l'idée avec l'option "multiple", c'est qu'on peut sélectionner simultanément plusieurs items.
Alors oui, comme je le disais, le val() retourne un array avec les values de tous les items sélectionnés. Mais le $("select[name='myselectbox'] option:selected").data("optid") ne renvoie qu'une seule valeur...

[SpaceFrog]

Code :

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

 $("select[name='myselectbox'] option:selected")

retourne la collection des options sélectionnées

Code :

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

1
2
3
TABoptid=[];
 $("select[name='myselectbox'] option:selected").each( function(){
 TABoptid.push( $(this).data('optid') ) } )

[NoSmoking]

Bonjour,
pourquoi ne pas écrire directement <option value='781|1'>item 1</option> et faire un split('|') de la value ?

Nota : le each( function() reste nécessaire pour la récupération.

[trucmuche2005]

Parce que cela ne m'arrange pas... J'aimerais si possible parvenir à faire ce que je souhaite avec les data-*...

EDIT. Ah je viens de voir la réponse précédente... J'y suis parvenu avec

Code :

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

1
2
3
4
TABoptid=[];
			$("select[name='...'] option:selected").each( function(){
				TABoptid.push(  [$(this).val(), $(this).data('optid') ] );
			} )

Super :-) C'est donc résolu :-) Mille mercis !