Afficher liste déroulante remplie

**juzii** · 17/12/2008, 11h30

Bonjour,
j ai un petit souci. Au niveau de mon code, j ai un bouton AddKI qui permet d'afficher 4 champs cachés dont deux qui sont des listes déroulantes remplies via des requetes sql.

J ai déjà afficher ses 4 champs par défaut et je veux qu'il puisse les faire réapparaitre autant de fois qu'il clique sur AddKI.
or il me réaffiche bien les 4 champs, mais les listes déroulantes ne sont pas remplies.
voici mon code :

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
 
<input type="button" value="Add KI"  onClick="Addki()" >
<br>
 <div id="addArea">
      <div  id="kivalue" style="display:inline">KI value </div>
      <div  id="ki" style="display:inline"><input type="text" style="100px" name="ki_value" id="ki_value"> </div>  <br>
      <div  id="conditionki" style="display:inline">Experimental Conditions </div>
      <div  id="condki" style="display:inline"><input type="text" style="100px" name="ki_condition" id="ki_condition"> </div> <br>
      <div  id="Orga" style="display:inline">Organism </div>
      <SELECT style="width:400px" style="display:inline" name="Org" id='Org'>
			 <option> </option>
                         <?php
                         // Query for extract all name organisme
                         $NameOrga= mysql_query($R_NameO);
 
                         if($NameOrga) {     // si ca vaut true
                         while($ligne = mysql_fetch_array($NameOrga))
                         {
                                      echo "<option value=\"".$ligne['NameO']."\">".$ligne['NameO']."</option>"  ;
                         }
                         }
                         else{ echo"Erreur de requête de base de données.";}
                         ?>
      </select> <br>
      <div  id="ECnum" style="display:inline">EC number </div>
      <SELECT style="width:400px" style="display:inline" name="EC" id='EC'>
			 <option> </option>
                         <?php
                         // Query for extract all EC numbers
                         $NameECnum= mysql_query($R_EC);
 
                         if($NameECnum) {     // si ca vaut true
                         while($ligne = mysql_fetch_array($NameECnum))
                         {
                                      echo "<option value=\"".$ligne['EC']."\">".$ligne['EC']."</option>"  ;
                         }
                         }
                         else{ echo"Erreur de requête de base de données.";}
                         ?>
      </select>
</div>

puis la fonction javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function Addki()
{
 
	document.getElementById('addArea').innerHTML += '<br>KI value <input type="text" style="100px" name="ki' +nb_ki+' "><br>Experimental Conditions <input type="text" style="100px" name="ki_condition" id="ki_condition"><br>Organism <SELECT style="width:400px" id="Org"><br>EC number <SELECT style="width:400px" id="EC">';
        nb_ki ++;
        document.getElementById('count_ki').value = nb_ki;
}

merci de votre aide.

**Bovino** · 17/12/2008, 11h41

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Organism <SELECT style="width:400px" id="Org"><br>EC number <SELECT style="width:400px" id="EC">'

Tu es sensé les remplir comment tes select ?

**Sub0** · 18/12/2008, 02h58

Salut

Je ne suis pas sûr d'avoir bien compris...
Voici une démo qui ajoute une copie de la liste originale à chaque clic du bouton :

Code html :

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
<html> 
<head>
  <title>New Document</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> 
  <script type="text/javascript">
  var count=1;
  function add_liste(){
    count++;
    var orig=document.getElementById('originale').innerHTML;
    orig=orig.replace('name="liste1','name="liste'+count);
    document.getElementById('copies').innerHTML+=orig;
  }
  </script>
</head>
<body>
  <input type="button" value="ADD" onclick="add_liste();"/>
  <span id="originale">
    <select name="liste1">
      <option value="element1">element1</option>
      <option value="element2">element2</option>
      <option value="element3">element3</option>
      <option value="element4">element4</option>
    </select>
  </span>
  <span id="copies"></span>
</body>
</html>

A mon avis, je suis à côté de la plaque...

**Sub0** · 18/12/2008, 03h20

Envoyé par juzii

mais les listes déroulantes ne sont pas remplies.

Bovino a raison : Le problème pourrait venir du code HTML que tu ajoutes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'...<SELECT style="width:400px" id="Org"><br>EC number <SELECT style="width:400px" id="EC">';

Tu ajoutes 2 nouvelles listes mais aucune balise <option> ni balise de fermeture </select>...

Afficher liste déroulante remplie

JavaScript

Discussions similaires

Partager

Partager