IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

declarer un select multiple


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 185
    Par défaut declarer un select multiple
    Bonjour à toutes et tous,

    J'ai trouvé un script répondant à mes besoins ici.

    Mais je n'arrive à récupérer que le dernier élément sélectionné dans la liste de droite

    J'ai essayé plusieurs solutions et à priori, je pense qu'il faudrait réussir à déclarer la liste de droite en tableau ... Mais l'ajout de [] à listRight empêche le script de fonctionner...
    Pour info : la page de sélection
    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
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>moveDualList TEST</title>
    <script type="text/javascript" src="moveDualList.js" ></script>
    </head>
     
    <body>
     
     
     
     
    <!-- TEST DUAL LIST -->
     
    <form action="mdl-TraitementData.php" method="post" name="">
    <table>
    	<tr>
    		<td>
    <!-- Multiple Select List with 20 rows size and 70 pixels wide -->
    <!-- Using   for SPACING and alignment -->
    		<select multiple size="20" style="width:150px;" name="listLeft">
    <?php
    include('../includes/fonctions.php');
    connexionDataBase();
    $sql ="SELECT nodep, departement FROM departement ORDER BY nodep";
    $res = mysql_query($sql);
    while ($data = mysql_fetch_array($res)) {
    ?>
    		<option value="<?php echo $data['nodep']." ".$data['departement']; ?>"><?php echo $data['nodep']." ".$data['departement']; ?></option>
    <?php } ?>
    		</select>
    		</td>
     		<td> 
    		<input type="button" style="width:90px" onclick="moveDualList( this.form.listLeft,  this.form.listRight, false )" name="Ajouter"  value="Ajouter &gt;" id="Ajouter"><br />  
    		<input type="button" style="width:90px" onclick="moveDualList( this.form.listRight, this.form.listLeft,  false )" name="enlever"  value="&lt; Enlever" id="enlever"><br />  	
    		<!--
            <input type="button" style="width:90px" onclick="moveDualList( this.form.listLeft,  this.form.listRight, true  )" name="Add All>>"  value="Add All >>"><br />
        	<input type="button" style="width:90px" onclick="moveDualList( this.form.listRight, this.form.listLeft,  true  )" name="Add All <<"  value="Add All <<"><br />
            -->
    		</td>
      		<td>
    		<select multiple size="20" style="width:150px" name="listRight">
     
        	</select>
    		</td>
    	</tr>
        <tr>
        	<td>&nbsp;</td>
       	  	<td><input name="Envoyer" type="submit" style="width:90px" id="enregistrer" value="Enregistrer" /></td>
       	  	<td>&nbsp;</td>
        </tr>
    </table>
     
    </form>
     
     
     
     
     
    <p>
    Free JavaScripts provided<br>
    by <a href="http://javascriptsource.com">The JavaScript Source</a>
    </p>
     
     
    </body>
    </html>
    et la page ou je récupère (pas toutes) les données
    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
    <?php
    include('../includes/fonctions.php');
    connexionDataBase();
     
    	// if (!is_array($_POST['listRight']))   echo " \$_POST['listRight'] n'est pas un tableau <br> \n";  (réponse = n'est pas un tableau)
     
    	if(isset($_POST['listRight']) && !empty($_POST['listRight'])){
    	$array = $_POST['listRight'];
    	print_r($array);
            foreach($array as $selectValue){
            echo $selectValue."<br />";
    		}
    	}
     
     
     
     
    	//$sql = "INSERT etc.
    ?>
    Vous savez tout ... Merci de votre aide, j'ai besoin de ce truc de façon urgente.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    I faut boucler sur les options teste si l'opiton est checked si oui faire un push(option.value) dans un array par exemple
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 185
    Par défaut OUPPPPPPS !!! je ne comprends pas ta réponse ...
    Merci pour ta réponse et ta réactivité.

    Je suis une quiche en JS. Donc si je dois modifier le script j'ai un vrai problème, car j'en suis incapable ...

    faut boucler sur les options teste si l'opiton est checked
    -> tu veux dire selected ?


    si oui faire un push(option.value) dans un array par exemple
    -> voilà mon vrai problème ... Si tu peux m'aider plus ...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Heu oui selected ...

    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
    <script type="text/javascript">
    function showselection(){
    tabopts=document.getElementById('monselect').options
    var tabchoix = new Array();
    var i=-1;
    while(tabopts[++i]){
    if(tabopts[i].selected){tabchoix.push(tabopts[i].value);}
    }
    return tabchoix;
    }
    </script>
    </head>
     
    <body>
    <select multiple id="monselect">
    	<option value="un">1</option>
    	<option value="deux">2</option>
    	<option value="trois">3</option>
    	<option value="quatre">4</option>
    	<option value="cinq">5</option>
    </select>	
    <input type="button" onclick="alert(showselection())" value="choix" />
    </body>
     
    </html>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Select multiple
    Par lfournial dans le forum Struts 1
    Réponses: 20
    Dernier message: 24/02/2011, 12h14
  2. select multiple sur plusieurs tables
    Par syl2095 dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 08/12/2004, 15h48
  3. [VB6] sélection multiple de colonne dans excel grâce à VB
    Par biquet dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 02/08/2004, 12h44
  4. <select multiple ...>
    Par ayobo dans le forum ASP
    Réponses: 2
    Dernier message: 06/07/2004, 08h49
  5. [C#]Sauvegarde d'une selection multiple d'une listbox?
    Par onouiri dans le forum ASP.NET
    Réponses: 7
    Dernier message: 29/04/2004, 17h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo