fonction jquery pour select liste deroulante

**kate59** · 16/05/2012, 11h48

Bonjour,

voila j'ai trouver un tuto qui m'a permis de passer d'un select a un autre select le contenu.
Il marche nikel grace a ca je recupe dans un input les valeurs des options du deuxieme select.
Cela m'a donner envie de faire un deuxieme input avec le contenu du text et non de la valeur de l'option select.

J'ai donc rajouter a la fin du script une fonction qui j'ai créer putsels2:

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
jQuery(function(){
/* -- Passer les éléments d'un select à l'autre -- */ 
    jQuery("li","#btselmulti ").click(function(){ 
        var action = jQuery(this).attr("id"); 
        switch(action){ 
            case "addall": 
                var ids = jQuery("#chooseplaylist option"); var dest = jQuery("#selplaylist"); 
                break; 
            case "addsel": 
                var ids = jQuery("#chooseplaylist option:selected"); var dest = jQuery("#selplaylist"); 
                break; 
            case "quitsel": 
                var ids = jQuery("#selplaylist option:selected"); var dest = jQuery("#chooseplaylist"); 
                break; 
            case "quitall": 
                var ids = jQuery("#selplaylist option"); var dest = jQuery("#chooseplaylist"); 
                break; 
            } 
        changedata(ids, dest); 
        putsels(); 
    }) 
}) 
 
/* -- Ecrit les éléments sélectionnés dans le select de destination et les efface de celui d'origine -- */ 
function changedata(ids, dest){ 
    ids.each(function(){ 
    dest.append("<option value='" + jQuery(this).val() + "'>" + jQuery(this).text() + "</option>"); 
    }) 
    jQuery(ids).remove(); 
} 
 
/* -- Ecrit les élements sélectionnés dans le hidden (text pour l'exemple) -- */ 
function putsels(){ 
    var listsels = new Array(); 
    jQuery("#selplaylist option").each(function(){ 
        listsels.push(jQuery(this).val()); 
    }) 
    jQuery("#playlist").val(listsels.join(",")); 
}
 
/* -- Ecrit les élements sélectionnés dans le hidden (text pour l'exemple) -- */ 
function putsels2(){ 
    var listsels2 = new Array(); 
    jQuery("#selplaylist option").each(function(){ 
        listsels2.push(jQuery(this).text()); 
    }) 
    jQuery("#reference").val(listsels2.join(",")); 
}

le code html:

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
<div id="combo"> 
    <select id="chooseplaylist" size="5" multiple="multiple"  style="width:160px;">'; 
foreach($managerIllustration->getListById($_GET['id']) as $ListIllustration)
{
$body.='<option value="'.$ListIllustration->getId().'">'.$ListIllustration->getLegende().'</option>';
}
    $body.='</select> 
    <ul id="btselmulti"> 
        <li id="addall"><img src="images/arrow-right-double.png" alt="select all"/></li> 
        <li id="addsel"><img src="images/arrow-right.png" alt="select one"/></li> 
        <li id="quitsel"><img src="images/arrow-left.png" alt="unselect one"/></li> 
        <li id="quitall"><img src="images/arrow-left-double.png" alt="unselect all"/></li> 
    </ul> 
    <select id="selplaylist" size="5" multiple="multiple"></select>
<input type="text" name="playlist" id="playlist" readonly="readonly" value=""/>
<input type="text" name="reference" id="reference" readonly="readonly" value=""/>
<input type="submit" value="supprimer">
</div>

merci je suis debutante en jquery.