Bonjour,

Je souhaite supprimer un champs input une fois l'avoir ajout� dynamiquement � l'aide d'une liste d�roulante. Le probl�me se pose avec IE. Le nouveau n�ud ajout� ne se supprime pas et je n'ai aucun message d'erreur. Par contre, les n�uds qui existaient d�j� dans ma page se suppriment. Donc, le bug est avec les nouveaux n�uds que j'ajoute.

Code Javascript:

Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
function ajouterAnimal(select) { 
var option = select.options[select.selectedIndex]; 
var ul = select.parentNode.getElementsByTagName('ul')[0]; 
var choix = ul.getElementsByTagName('input'); 
var li = document.createElement('li'); 
var input = document.createElement('input'); 
var text = document.createTextNode(option.firstChild.data);  
input.type = 'text'; 
input.value = option.value; 
li.appendChild(input); 
li.appendChild(text); 
li.setAttribute('onclick', 'this.parentNode.removeChild(this);'); ul.appendChild(li); 
}

Html:

Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
<ul>
<li onclick="this.parentNode.removeChild(this);">
<input type="text" value="Cheval" />  Cheval </li>
<li onclick="this.parentNode.removeChild(this);"> 
<input type="text"  value="Tigre" /> Tigre </li>  
</ul> 
 
<select onchange="ajouterAnimal(this);">
<option value="Chien">Chien</option> 
<option value="Chat">Chat</option>
</select>
Est-ce moi qui ne respecte pas les standards ou c'est IE qui d�conne ?

Merci