copie de select avec cloneNode
Bonjour en plus d'être un débutant c'est la première fois que je poste dans un forum:
voici mon problème: je voudrais, en cliquant sur un bouton, copier une liste déroulante située avant ce bouton.
voici mon code dans le <body>:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <body>
<select id="liste_service" name='te0'>
<option value='faux'>---choisissez---</option>
<?php // création de la liste à partir d'une bd mySQL
while ($row=mysql_fetch_array($resultat,MYSQL_NUM))
{
echo '<option value="'.$row[1].'">'.$row[0].' ('.$row[2].') </option>';
}
?>
</select></br></br>
<input type='button' value='une autre liste' id='sup' onClick='creer_liste()'>
<div id="div" style="display:none;"></div>
</body> |
et voici dans le <head>
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <head>
<title>test</title>
<script type="text/javascript">
function creer_liste()
{
var selectexistant = document.getElementById('liste_service');
var div_place = document.getElementById('div');
var newselect = selectexistant.cloneNode(true);
div_place.appendchild(newselect);
}
</script>
</head> |
resultat: lorsque je lis le code à partir de IE, la liste s'affiche bien mais lorsque je clique sur le bouton 'une autre liste' ça ne fait rien
Pouvez-vous maidez svp?:(
