Rajouter une ligne à un select

Bonjour,

J'ai un menu déroulant avec des lignes, dont une ligne " Ajouter une catégorie ".
J'aimerais que lorsque l'on clique sur " Ajouter une catégorie " cela ouvre une fenetre ( un prompt ??? ) ou l'on puisse rentrer un texte, et ce texte s'ajouterait comme une nouvelle ligne du formulaire ( une nouvelle option : <option value="lalalalal">lolololo</option> )

Voyez vous comment faire cela ?

Merci d'avance et bonne journée

Voila...

Corps du document :

Code:

1
2
3
4
5
6
7
8
9
 
<FORM>
<SELECT ID="selecteur" SIZE=4 onChange="if (this.options.value == '4') {ajouterOption()}">
	<OPTION VALUE="1"> 1
	<OPTION VALUE="2"> 2
	<OPTION VALUE="3"> 3
	<OPTION VALUE="4"> Ajouter
</SELECT>
</FORM>

Script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<SCRIPT language="javascript">
 
function ajouterOption () {
var nouvelleOption = prompt("Entrez la nouvelle option", "");
if (nouvelleOption == null) {}
else {
var longueur = document.getElementById("selecteur").options.length;
document.getElementById("selecteur").options[longueur] = new Option(nouvelleOption, longueur + 1); 
}
}
 
</SCRIPT>

Merci beaucoup :D