Afficher le contenu d'un tableau dans une liste deroulante

Afficher le contenu d'un tableau dans une liste deroulante - HTML/CSS - Programmation

Marsh Posté le 05-05-2006 à 09:14:37    

je voudrais savoir comment afficher le contenu d'un tableau tab[i]=("1","2","3","" ) dans une liste deroulante avec une fonction javascript.

Reply

Marsh Posté le 05-05-2006 à 09:14:37   

Reply

Marsh Posté le 05-05-2006 à 09:24:11    

Apprends à programmer.
C'est pas un truc qu'on t'apprendra ici, faut se prendre en main un petit peu. Faire une boucle c'est de l'hyper trivial.

Reply

Marsh Posté le 05-05-2006 à 09:33:42    

Reply

Marsh Posté le 05-05-2006 à 09:37:13    

oui dacord mais le problème que j'ai c'est que mon tableau s'affiche tous dans la meme case que je ne peut meme pas sélectionner et pourtant j'ai essayer différente façon de l'afficher
 
[code]
 function changeliste() {
           choix=document.monform.listeA.value;
    var t='';
           for(i=0;i<listemois[choix].length-1;i++) {
              t+="<option value=\"listemois[choix][i]\">"+listemois[choix][i]+"</option>";
    }
           document.monform.listeB.innerHTML+=t;
      }  
 
[code]
 
[code]
 listemois=new Array()
   listemois[0]=new Array("Choisit un mois","" )
 
    listemois[1]=new Array(
    "2","4","" )
 
    listemois[2]=new Array(
    "2","4","" )
 
    listemois[3]=new Array(
    "6","" )
[code]

Reply

Marsh Posté le 05-05-2006 à 09:39:41    

bonjour, je me permet, il manque un '/' avant code entre les '[' ']' de ta balise de fin de code
A+


Message édité par Profil supprimé le 05-05-2006 à 09:40:53
Reply

Marsh Posté le 05-05-2006 à 10:03:31    

bon ton code c'est vraiment pas terrible...
Comme c'est vendredi, c'est cadeau, voilà ce que j'aurais fait:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  4. <head>
  5.   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6.   <title>DOM way</title>
  7.   <script type="text/javascript">
  8.   function chgList(selNode) {
  9.     //getting selected option Bvalue attribute
  10.     var arrBValue= selNode[selNode.selectedIndex].getAttribute('BValue').split(';');
  11.     //removing all existing node in listB
  12.     var listBNode = document.getElementById('listB');
  13.     listBNode.innerHTML = ''; /*** lazy way, should do removeNode instead ***/
  14.     for(var i=0; i<arrBValue.length; i++){
  15.       optNode = document.createElement('option'); /*** create option node ***/
  16.       optNode.appendChild(document.createTextNode(arrBValue[i])); /*** add text to node ***/
  17.       optNode.setAttribute('value', arrBValue[i]); /*** set value ***/
  18.       listBNode.appendChild(optNode); /*** add to select ***/
  19.     }
  20.   }
  22.   </script>
  23. </head>
  24. <body >
  25. <form name="monform" action="tontruc">
  26.   <select name="listA" id="listA" onchange="chgList(this)">
  27.     <option value="0" BValue="Choisi un mois';">0</option>
  28.     <option value="1" BValue="2;4;">1</option>
  29.     <option value="2" BValue=";2;4">2</option>
  30.     <option value="3" BValue="6;">3</option>
  31.   </select>
  32.   <select name="listB" id="listB"></select>
  33. </form>
  34. </body>
  35. </html>


edit: et c'est testé et validé sous IE&FF


Message édité par anapajari le 05-05-2006 à 10:04:11
Reply

Marsh Posté le 05-05-2006 à 10:05:28    

Rien compris à son charabia [:pingouino]


Message édité par boulax le 05-05-2006 à 10:05:51
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed