Bonjour,

Quelqu'un pourrait il me dire comment transformer ce code javascript pour que je puisse avoir plusieurs instance sur la même page.

Je m'explique :

J'aimerai pourvoir mettre ce multi select plussieurs fois sur ma page
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
  $().ready(function() {
   $('#addop').click(function() {
    return !$('#select1 option:selected').remove().appendTo('#select2');
   });
   $('#remove').click(function() {
    return !$('#select2 option:selected').remove().appendTo('#select1');
   });
  });
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<dd> <div class="floatL">
<select multiple="multiple" id="select1">
<option value="1">User 1</option>
<option value="2">User 2</option>
<option value="3">User 3</option>
<option value="4">User 4</option>
<option value="5">User 5</option>
<option value="6">User 6</option>
<option value="7">User 7</option>
</select>
<a href="#" id="addop">add &gt;&gt;</a>
</div>
<div class="floatL">
<select multiple="multiple" id="select2"></select>
<a href="#" id="remove">&lt;&lt; remove</a>
</div> 
</dd>


Je ne m'en sort pas avec parent et child pour que quand je clique sur le bouton add il bouge mon user ver le select2 qui a comme parent mon <dd>.

J'épère avoir été clair.

Merci
Ted