Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1674 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  liste deroulante

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

liste deroulante

n°1542469
freddy_gho​st
Posté le 13-04-2007 à 11:15:56  profilanswer
 

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>');
   
   
 }
}

mood
Publicité
Posté le 13-04-2007 à 11:15:56  profilanswer
 

n°1542476
flo850
moi je
Posté le 13-04-2007 à 11:23:34  profilanswer
 

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
n°1542485
freddy_gho​st
Posté le 13-04-2007 à 11:27:01  profilanswer
 

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

n°1542489
flo850
moi je
Posté le 13-04-2007 à 11:28:07  profilanswer
 

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

n°1542492
freddy_gho​st
Posté le 13-04-2007 à 11:29:33  profilanswer
 

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

n°1542499
flo850
moi je
Posté le 13-04-2007 à 11:35:04  profilanswer
 

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

n°1542501
freddy_gho​st
Posté le 13-04-2007 à 11:36:04  profilanswer
 

c bon sa foctionne je te remercie pour ton aide

n°1542503
freddy_gho​st
Posté le 13-04-2007 à 11:37:20  profilanswer
 

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>');
   
   
 }
}

n°1542506
freddy_gho​st
Posté le 13-04-2007 à 11:38:35  profilanswer
 

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>";  
 
}

n°1542510
flo850
moi je
Posté le 13-04-2007 à 11:41:02  profilanswer
 

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 ? )

mood
Publicité
Posté le 13-04-2007 à 11:41:02  profilanswer
 

n°1542524
freddy_gho​st
Posté le 13-04-2007 à 11:48:15  profilanswer
 

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

n°1542526
flo850
moi je
Posté le 13-04-2007 à 11:48:49  profilanswer
 

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

n°1542532
freddy_gho​st
Posté le 13-04-2007 à 11:50:16  profilanswer
 

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

n°1542537
freddy_gho​st
Posté le 13-04-2007 à 11:54:01  profilanswer
 

dsl j'avais pas rafraichi le post

n°1542616
freddy_gho​st
Posté le 13-04-2007 à 13:47:53  profilanswer
 

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

n°1542657
freddy_gho​st
Posté le 13-04-2007 à 14:41:01  profilanswer
 

help

n°1542659
flo850
moi je
Posté le 13-04-2007 à 14:43:43  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  liste deroulante

 

Sujets relatifs
liste deroulante en javascriptliste déroulante pour choisir une base de donnée différente
[Résolu]Liste déroulante dynamique qui ne s'affiche pascomment créer un bouton avec liste déroulante ?
actualiser une liste deroulantegeneration liste deroulante
Liste déroulante et If ...thenvaleur de la selection d'une liste déroulante dans une variable
liste déroulante formulaire principal sous-formulaireListe deroulante et champs texte
Plus de sujets relatifs à : liste deroulante


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR