Récupérer les valeurs et le data-* des éléments sélectionnés

Bonjour,

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

Code:

---

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:

---

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

---

et avec

Code:

---

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

---

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

Pourriez-vous m'aider svp ?

Mille mercis !

T.

pour recuperer le value de la valeur selectionnée :

Code:

---

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

---

pour recuperer le data de la valeur selectionnée :

Code:

---

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

---

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...

Code:

---

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

---

retourne la collection des options sélectionnées

Code:

---

1 2 3

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

---

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.

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:

---

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 !