Fonctionnement liste déroulante

**paskal++** · 22/02/2015, 15h18

Bonjour,
je remplis une liste déroulante à partir d'une autre liste construite dynamiquement

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
$(document).ready(function() {
    // variables sélécteur
    var $liste_fruits = $('#sel100');
    var $panier = $('#panier');
    var $ajouter = $('#ajouter');
    var $supprimer = $('#supprimer');
 
    // on sélectionne un fruit dans la liste
    $liste_fruits.change(function() {
        $ajouter.attr('disabled', false);
    });
 
    // on sélectionne un fruit dans le panier
    $panier.change(function() {
        $supprimer.attr('disabled', false);
    });
 
    $ajouter.click(function() {
        $ajouter.attr('disabled', true); // on désactive le bouton
        transfertFruit($($liste_fruits.selector +' option:selected'), $panier);
    });
 
    $supprimer.click(function() {
        $supprimer.attr('disabled', true); // on désactive le bouton
        transfertFruit($($panier.selector +' option:selected'), $liste_fruits);
    });
});
 
// fonction qui va s'occuper de basculer un fruit d'une liste à l'autre
function transfertFruit($fruit, $panierArrivee) {
    // on ajoute l'option au panier
    $('<option>', {
        value: $fruit.val(),
        text: $fruit.text()
    }).appendTo($panierArrivee);
 
    $fruit.remove(); // on supprime le fruit de la liste de départ
}
</script>

Code php :

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
<?php
$conc = "SELECT .......";
try {
    $pdo_select = $pdo->prepare($conc);
    $pdo_select->execute();
}
catch (PDOException $e) {
    echo 'Erreur SQL : ' . $e->getMessage() . '<br/>';
    die();
}
echo "<select name = 'localisation6601' id='sel100' >";
while ($v = $pdo_select->fetch()) {
    echo "<option>" . $v[1] . "</option>";
    echo "<br/>";
}
echo "</select>";
?> 
        </td>
        <td>
            <button class="btConnexion" id="ajouter" disabled="disabled" onclick="return false;">&gt;&gt;&gt;&gt;Ajouter&gt;&gt;&gt;&gt;</button><br/>
            <button class="btConnexion" id="supprimer" disabled="disabled" onclick="return false;">&lt;&lt;&lt;&lt;Retirer&lt;&lt;&lt;&lt;</button>
        </td>
        <td>
            <select name ="panier[]" id="panier" multiple required>
            </select>
        </td>
    </tr>
</table>

1é problème il faut cliquer sur une option du select pour valider le formulaire (même si le select est non vide )
2é problème $_POST['panier'] ramène une seule option malgré que la liste en comporte plusieurs.
Pouvez vous m'aider svp ?

**sekaijin** · 22/02/2015, 16h29

Bonjour

1) Pourquoi poste tu du php sur le forum JavaScript ? Merci ne ne poster que du HTML et du Javascript
2) Pourquoi poster une question JQuery dans le forum Javascript ? Il y a un forum JQuery pour ça
3) Il va falloir être plus clair car je n'ai rien compris où est le problème. Que le script ne fait pas ce que tu veux je l'entends mais de là à savoir où chercher il y a un gap.

A+JYT

**paskal++** · 22/02/2015, 22h03

ok, merci j'ai posté le message dans la section jquery.
le gros problème c'est que je remplie ma liste par 3, 4 ou 5 valeurs et que $_POST ne récupère qu'une et une seule valeur !