Ajout dynamique de listes déroulantes
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 ?
