liste deroulante

liste deroulante - HTML/CSS - Programmation

Marsh Posté le 13-04-2007 à 11:15:56    

Bonjour, j'ai créer une fonction qui réagit lorsque l'utilisateur clique sur un bouton. Cette fonction permet de faire apparaitre une liste déroulante mais je n'arrive pas a faire fonctionner cette foction, car le document.write efface toute la page html, pour n'affiche que les liste deroulante.
 
function ajouter_article()
{
 document.form2.nb_art.value = eval(document.form2.nb_art.value) +1;
 ajout = document.form2.nb_art.value;
   
 for(i=0;i<ajout;i++)
 {alert(ajout);
   
  document.write('<select name=article><option>jours</option>');
  document.write('</select>');
   
   
 }
}

Reply

Marsh Posté le 13-04-2007 à 11:15:56   

Reply

Marsh Posté le 13-04-2007 à 11:23:34    

1- tu crée diverse select qui ont tous le meme nom
2- plutot que document.write, crée un div vide appellé ( par exemple) <div id="laOuJeVeuxFoutreMesSelects"></div> et tu fais document.getElementById("laOuJeVeuxFoutreMesSelects" ).innerHTML += "<select name=\""+nomduMonSelect+"\">( les options ) </select>";
3- si document.form2.nb_art.value vaut 12 , tu vas créer 12 select ?

 

edit : correction d'un = en +=


Message édité par flo850 le 13-04-2007 à 11:28:02
Reply

Marsh Posté le 13-04-2007 à 11:27:01    

a chaque fois qu'il clique sur le bouton sa rajoute une ligne avec un select

Reply

Marsh Posté le 13-04-2007 à 11:28:07    

la tu fais une boucle, donc tu rajoute plein de boutons

Reply

Marsh Posté le 13-04-2007 à 11:29:33    

pas tout a fait le bouton qui ajoute un select reste a coté du dernier select créé

Reply

Marsh Posté le 13-04-2007 à 11:35:04    

ca c'est la théorie, ton code est tres loin de faire ça ;)

Reply

Marsh Posté le 13-04-2007 à 11:36:04    

c bon sa foctionne je te remercie pour ton aide

Reply

Marsh Posté le 13-04-2007 à 11:37:20    

regarde sa donne sa :
 
function ajouter_article()
{
 document.form2.nb_art.value = eval(document.form2.nb_art.value) +1;
 ajout = document.form2.nb_art.value;
   
 for(i=0;i<ajout;i++)
 {
  document.getElementById("affiche_les_select_ici" ).innerHTML += "<select name=\"article"+i+"\">( les options ) </select>";
  //document.write('<select name=article><option>jours</option>');
  //document.write('</select>');
   
   
 }
}

Reply

Marsh Posté le 13-04-2007 à 11:38:35    

mais le probleme c'est que je suis obligé de faire sa pour que le select ne se crée qu'une seul fois :  
function ajouter_article()
{
 document.form2.nb_art.value = eval(document.form2.nb_art.value) +1;
 ajout = document.form2.nb_art.value;
 
document.getElementById("affiche_les_select_ici" ).innerHTML += "<select name=\"article"+i+"\">( les options ) </select>";  
 
}

Reply

Marsh Posté le 13-04-2007 à 11:41:02    

freddy_ghost a écrit :

mais le probleme c'est que je suis obligé de faire sa pour que le select ne se crée qu'une seul fois :  
function ajouter_article()
{
 document.form2.nb_art.value = eval(document.form2.nb_art.value) +1;
 ajout = document.form2.nb_art.value;
 
document.getElementById("affiche_les_select_ici" ).innerHTML += "<select name=\"article"+i+"\">( les options ) </select>";  
 
}


ca me semble bien mmieux que ton précédent code  
 
et en plus ca devria marcher ( a moins qu'il n'y a un pb que je n'ai pas vu ? )

Reply

Marsh Posté le 13-04-2007 à 11:41:02   

Reply

Marsh Posté le 13-04-2007 à 11:48:15    

Dans se cas comment je fais pour faire varier le nom du select au fur et a mesure que les select se créer.

Reply

Marsh Posté le 13-04-2007 à 11:48:49    

tu remplace article"+i+"par article"+ajout+" :sol:

Reply

Marsh Posté le 13-04-2007 à 11:50:16    

non c'est bon je vaisme servir de la variable ajout.

Reply

Marsh Posté le 13-04-2007 à 11:54:01    

dsl j'avais pas rafraichi le post

Reply

Marsh Posté le 13-04-2007 à 13:47:53    

comment il faut faire pour inserer des données provenant d'une requete mysql dans la liste deroulante créer en javascript

Reply

Marsh Posté le 13-04-2007 à 14:41:01    

help

Reply

Marsh Posté le 13-04-2007 à 14:43:43    

la , c'est plus compliqé :  
soit tu recupère lors du chargement de la page toutes les données, que tu socke dans des tableuax javascript
soit tu utilise xmlhttprequest ( ajax ) pour récupérer les données a la volée
soit , au lieu de te faire chier a le faire ne javascrit, tu fais tout en php : le clique sur le bouton fait se rechercger la page avec un ajout d'un select

Reply

Sujets relatifs:

Leave a Replay

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