Se connecter avec
S'enregistrer | Connectez-vous

Sipprimer une option d'une liste (select) avec javascript

Dernière réponse : dans Programmation

Salut à tous,

j'ai créer une lite déroulante avec javascript, cette liste contient des noms qui sont enregistrées dans ma base de données.
j'ai réussi à créer cette liste. Mon problème c'est que je veut que lorsque je clique une option(un nom de liste) une autre liste s'affiche qui ne contient pas l'option sélectionnée???
voilà mon code:

EDIT: Voir messages suivants

lorsque je clique sur un nom de la liste une autre liste s'affiche mais le nom sélectionné dans la première liste existe encore dans la deuxième liste qui s'affiche !!!!!???????

Autres pages sur : sipprimer option liste select javascript

Lassé par la pub ? Créez un compte
Expert Programmation

Salut,

En l'état ton code est illisible :)  Pour améliorer le tout, afin que quelqu'un puisse te répondre, entoure ton code des balises... "code" ! (tu les trouves en cliquant sur le bouton "plus d'options" lors de la rédaction du message).

Le résultat sera alors :
  1. le code bien lisible

  1. Salut à tous,
  2.  
  3. j'ai créer une lite déroulante avec javascript, cette liste contient des noms qui sont enregistrées dans ma base de données.
  4. j'ai réussi à créer cette liste. Mon problème c'est que je veut que lorsque je clique une option(un nom de liste) une autre liste s'affiche qui ne contient pas l'option sélectionnée???
  5. voilà mon code:
  6.  
  7.  
  8. $i = mysql_connect ('localhost', 'login', '');
  9.  
  10. mysql_select_db('monDB',$i);
  11.  
  12.  
  13.  
  14.  
  15. ?>
  16. </br>
  17. <script type="text/javascript">
  18.  
  19. <!--
  20.  
  21. function addDonnee(idChamp) {
  22.  
  23. try {
  24.  
  25.  
  26.  
  27. var conteneur = document.getElementById(idChamp);
  28.  
  29.  
  30.  
  31. var ligne = document.createElement('p');
  32.  
  33.  
  34.  
  35. var selection = document.createElement('select');
  36.  
  37. selection.setAttribute('id','selected');
  38. <?
  39.  
  40. $result=mysql_query("SELECT nom_emp FROM employé " );
  41.  
  42. $nb=mysql_num_rows($result);
  43.  
  44. for ($j=0;$j<$nb;$j++)
  45.  
  46. {
  47. $t=mysql_fetch_row($result);
  48. ?>
  49.  
  50. var element = document.createElement("option" );
  51.  
  52. element.setAttribute('value','valeur');
  53.  
  54.  
  55. var text = document.createTextNode('<? echo ($t[0]); ?>');
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62. //pour IE6
  63.  
  64. //selection.add(element);
  65.  
  66. //pour FF
  67. element.appendChild(text);
  68.  
  69. selection.appendChild(element);
  70.  
  71.  
  72. ligne.appendChild(selection);
  73.  
  74.  
  75. conteneur.appendChild(ligne);
  76.  
  77.  
  78. <?
  79. }
  80.  
  81. ?>
  82. for (var i=0 ; i<document.formulaire.liste.options.length ; i++)
  83. {
  84. if (element.selected == true)
  85. {
  86. selection.removeChild(this.element);
  87. }
  88. }
  89.  
  90.  
  91.  
  92. }
  93.  
  94.  
  95.  
  96.  
  97.  
  98. catch(e) {
  99.  
  100. alert(e);
  101.  
  102.  
  103.  
  104. }
  105.  
  106.  
  107. }
  108.  
  109.  
  110. //-->
  111. </script>
  112.  
  113. <?
  114.  
  115. //}
  116.  
  117.  
  118. ?>
  119. <?
  120.  
  121. $result1=mysql_query("SELECT nom_emp FROM employé " );
  122.  
  123. $nb1=mysql_num_rows($result1);
  124.  
  125.  
  126. for ($m=0;$m<$nb1;$m++)
  127.  
  128. {
  129. $tt=mysql_fetch_row($result1);
  130. ?>
  131. </br>
  132. <form name="formulaire" id="form1"><p> sélectionner un nom </p>
  133. </br>
  134. <div id="champs_sup" >
  135. </br>
  136. <select name="liste" > <!--onChange="MM_jumpMenu('parent',this,3)" -->
  137.  
  138. </br>
  139. </br>
  140. <?
  141.  
  142. $result1=mysql_query("SELECT nom_emp FROM employé " );
  143.  
  144. $nb1=mysql_num_rows($result1);
  145.  
  146.  
  147. for ($m=0;$m<$nb1;$m++)
  148.  
  149. {
  150.  
  151. $ttt=mysql_fetch_row($result1);
  152.  
  153. ?>
  154.  
  155. <option value="" onClick="addDonnee('champs_sup')" > <? echo ($ttt[0]) ?> </option>
  156.  
  157. </br>
  158. </br>
  159.  
  160.  
  161.  
  162.  
  163. <?
  164.  
  165. }
  166.  
  167.  
  168. ?>
  169.  
  170. </div>
  171. </select>
  172. </form>
  173.  
  174.  
  175. <?
  176.  
  177. }
  178.  
  179. ?>
  180.  
  181.  
  182.  
  183.  
  184. </body>
  185. </html>
  186.  
  187.  
  188. lorsque je clique sur un nom de la liste une autre liste s'affiche mais le nom sélectionné dans la première liste existe encore dans la deuxième liste qui s'affiche !!!!!???????
  189.  
  190.  
  191. c'est ça??
Expert Programmation

nouveauvisiteur, tu prétends obtenir une information rapide, mais tu fais n'importe quoi. Tes phrases et ton code, tout est mélangé. Si tu veux qu'on t'aide, aide-toi en rendant le boulot plus facile à ceux qui seraient susceptibles de te venir en aide mais qui s'enfuient en voyant tout ce bordel !

j'ai créer une lite déroulante avec javascript, cette liste contient des noms qui sont enregistrées dans ma base de données.
j'ai réussi à créer cette liste. Mon problème c'est que je veut que lorsque je clique une option(un nom de liste) une autre liste s'affiche qui ne contient pas l'option sélectionnée???
voilà mon code:
  1. <html>
  2. <body>
  3. <?php
  4.  $i = mysql_connect ('localhost', 'login', '');
  5.  
  6.  mysql_select_db('monDB',$i);
  7.  
  8.  
  9.  ?>
  10.  </br>
  11.  <script type="text/javascript">
  12.  
  13.  <!--
  14.  
  15.  function addDonnee(idChamp) {
  16. try {
  17.  
  18.  
  19.  var conteneur = document.getElementById(idChamp);
  20.  
  21.  
  22.  
  23.  var ligne = document.createElement('p');
  24.  
  25.  
  26.  
  27.  var selection = document.createElement('select');
  28.  
  29.  selection.setAttribute('id','selected');
  30.  <?
  31.  $result=mysql_query("SELECT nom_emp FROM employé " );
  32.  
  33.  $nb=mysql_num_rows($result);
  34.  
  35.  for ($j=0;$j<$nb;$j++)
  36.  
  37.  {
  38.  $t=mysql_fetch_row($result);
  39.  ?>
  40.  
  41.  var element = document.createElement("option" );
  42.  
  43.  element.setAttribute('value','valeur');
  44.  
  45.  var text = document.createTextNode('<? echo ($t[0]); ?>');
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  //pour IE6
  53.  
  54.  //selection.add(element);
  55.  
  56.  //pour FF
  57.  element.appendChild(text);
  58.  
  59.  selection.appendChild(element);
  60.  
  61.  
  62.  ligne.appendChild(selection);
  63.  
  64.  conteneur.appendChild(ligne);
  65.  
  66.  
  67.  <?
  68.  }
  69.  
  70.  ?>
  71.  for (var i=0 ; i<document.formulaire.liste.options.length ; i++)
  72.  {
  73.  if (element.selected == true)
  74.  {
  75.  selection.removeChild(this.element);
  76.  }
  77.  }
  78.  
  79.  
  80.  
  81.  }
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  catch(e) {
  88.  
  89.  alert(e);
  90.  
  91.  
  92.  
  93.  }
  94.  
  95.  }
  96.  
  97.  
  98.  //-->
  99.  </script>
  100.  
  101.  <?
  102.  
  103.  //}
  104.  
  105.  ?>
  106.  <?
  107.  
  108.  $result1=mysql_query("SELECT nom_emp FROM employé " );
  109.  
  110.  $nb1=mysql_num_rows($result1);
  111.  
  112.  
  113.  for ($m=0;$m<$nb1;$m++)
  114.  {
  115.  $tt=mysql_fetch_row($result1);
  116.  ?>
  117.  </br>
  118.  <form name="formulaire" id="form1"><p> sélectionner un nom </p>
  119.  </br>
  120.  <div id="champs_sup" >
  121.  </br>
  122.  <select name="liste" > <!--onChange="MM_jumpMenu('parent',this,3)" -->
  123.  
  124.  </br>
  125.  </br>
  126.  <?
  127.  
  128.  $result1=mysql_query("SELECT nom_emp FROM employé " );
  129.  
  130.  $nb1=mysql_num_rows($result1);
  131.  
  132.  
  133.  for ($m=0;$m<$nb1;$m++)
  134.  
  135.  {
  136.  
  137.  $ttt=mysql_fetch_row($result1);
  138.  
  139.  ?>
  140.  
  141.  <option value="" onClick="addDonnee('champs_sup')" > <? echo ($ttt[0]) ?> </option>
  142.  
  143.  </br>
  144.  </br>
  145.  
  146.  
  147.  
  148.  
  149.  <?
  150.  
  151.  }
  152.  
  153.  
  154.  ?>
  155.  
  156.  </div>
  157.  </select>
  158.  </form>
  159.  
  160.  
  161.  <?
  162.  
  163.  }
  164.  
  165. ?>
  166.  
  167.  
  168.  </body>
  169.  </html>


lorsque je clique sur un nom de la liste une autre liste s'affiche mais le nom sélectionné dans la première liste existe encore dans la deuxième liste qui s'affiche !!!!!???????
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet