Multiselect switch entre deux listes de sélection

**cycy_88** · 16/12/2009, 15h45

Bonjour,

Ce code permet de créer 2 multiples select, sauf qu'avec ce code, ça ne marche pas, lorsque je veux faire passer des valeurs dans le select de droit ça ne se déplace pas.

Est-ce-que quelqu'un peut m'aider ?

Merci d'avance pour votre aide.

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>  
<head>  
<script src="js/jquery.js" type="text/javascript"></script>  
<script type="text/javascript">  
$().ready(function() {  
$('#add').click(function() {  
return !$('#select1 option:selected').remove().appendTo('#select2');  
});  
$('#remove').click(function() {  
return !$('#select2 option:selected').remove().appendTo('#select1');  
});  
});  
</script>  
<style type="text/css">  
a {  
display: block;  
border: 1px solid #aaa;  
text-decoration: none;  
background-color: #fafafa;  
color: #123456;  
margin: 2px;  
clear:both;  
}  
div {  
float:left;  
text-align: center;  
margin: 10px;  
}  
select {  
width: 100px;  
height: 80px;  
}  
</style>  
</head>  
<body>  
<div>  
<select multiple id="select1">  
<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>  
<a href="#" id="add">add &gt;&gt;</a>  
</div>  
<div>  
<select multiple id="select2"></select>  
<a href="#" id="remove">&lt;&lt; remove</a>  
</div>  
</body>  
</html>

Source :

http://blog.jeremymartin.name/2008/0...th-jquery.html

http://davidwalsh.name/dw-content/multi-select.php

http://davidwalsh.name/multi-select-...g-mootools-12#

**cycy_88** · 17/12/2009, 18h49

est-ce-que quelqu'un peut m'aider ?
Je suis toujours bloquer !!!
Svp c'est important

Multiselect switch entre deux listes de sélection

jQuery

Vue hybride

Discussions similaires

Partager

Partager