Ajout dynamique de listes déroulantes [Résolu]

[razorlok]

Bonjour à tous,


Je cherche à permettre l'ajout de listes déroulantes au clic sur un bouton "ajouter un nouvel objet".

Ne connaissant que très peu de choses au javascript, je me suis tourné vers un petit script fonctionnant très bien pour l'ajout de champs :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
 
var c,c2, ch;
 
// ajouter un champ avec son "name" propre;
function plus(){
c=document.getElementById('cadre');
c2=c.getElementsByTagName('select');
ch=document.createElement('select');
 
ch.setAttribute('type','text');
ch.setAttribute('name','ch'+c2.length);
c.appendChild(ch);
 
document.getElementById('sup').style.display='inline';
}
 
// supprimer le dernier champ;
function moins(){
if(c2.length>0){c.removeChild(c2[c2.length-1])}
if(c2.length==0){document.getElementById('sup').style.display='none'};
}
 
</script>

Mon soucis, c'est que le contenu de ma liste déroulante est générée par un include php comme ceci :

Code :

1
2
3
<select name="nom_objet"/>
<?php include 'liste_objets.php'; ?>
</select>

ch=document.createElement('select'); ne me permet évidemment que d'ajouter une liste déroulante vide. Comment puis-je intégrer ma liste avec l'include dans le script de façon à pouvoir l'ajouter au clic ?

[andry.aime]

Bonjour,

ch.setAttribute('type','text');

Un select n'a pas d'attribut "type".
Tu veux dire que les options du select crée devra être généré par PHP? Dans ce cas tu dois faire recours à AJAX. Jete un coup d'oeil sur ce tutoriel et fait des recherches sur le forum AJAX.
Si un select est déjà sur la page et que voudrais les dupliquer, utilise simplement cloneNode.

A+.