Bonjour à tous,
Je développe actuellement une application web pour un lycée. Dans un formulaire, je demande à l'utilisateur l'établissement d'origine d'un élève. Pour cela, j'ai une liste d'établissement dans une base mysql que j'affiche dans un champ select avec une simple requête. Cependant, je voudrais que si l'établissement d'un élève n'apparaît pas, l'utilisateur puisse l'ajouter afin que dans la liste le nouvel établissement apparaisse sans rechargement de la page. Pour cela, j'ai fais un bouton permettant l'ajout d'un nouvel établissement. Ce bouton ouvre une popup avec la fonction open. Dans la popup, j'ai un champ input pour saisir le nom du nouvel établissement et un bouton submit.
Au submit de la page j'appelle le code javascript suivant permettant la mise à jour de mon champ select:
Code :
- function maj(){
- var select = window.opener.document.getElementById('selectEtablissement');
- var option = document.createElement('option');
- var input = window.document.getElementById('etablissement').value
- var montexte = document.createTextNode(input);
- option.appendChild(montexte);
- select.appendChild(option);
- }
|
Pour Firefox tout marche très bien, cependant le lycée utilise Internet Explorer et mon code ne fonctionne pas sous IE.
Je pense que c'est la dernière ligne qui ne fonctionne pas (select.appendChild(option)).
Quelle correction puis-je apporter pour que cela fonctionne sous IE ?
Merci d'avance
