añadir/borrar elementos de una lista

[morenita7722]

Hola
Tengo un formulario donde pido los datos personales de un alumno, y dentro de él, dos formularios para pedir telefonos y faxes. Para pedirlos hay una lista en la que se ven los elementos que vamos añadiendo, con posibilidad de poner o quitar otro. El problema es el siguiente: si tengo solo el formulario de los telefonos funciona bien, pero cuando pongo el otro formulario para los faxes los botones no hacen nada. Dejo la parte del código que hace referencia eso.

trozo de formulario principal donde pido telefonos y faxes:

<tr>
<td><label for="telefonos">Teléfonos:</label>
<form name="form">
<select name="telefonos" size="7" >
</select>
<input type="button" value="Añadir" onClick="addT()">
<input type="button" value="Borrar" onClick="delT()">
</form>
</td>

<td><label for="faxes">Faxes:</label>
<form name="form1">
<select name="faxes" size="10" >
<option></option>
</select>

<input type="button" value="Añadir" onClick="addF()">
<input type="button" value="Borrar" onClick="delF()">
</form>
</td>

</tr>


y la parte de javaScript:

//función para añadir telefonos a la lista
function addT() {
var newitem=prompt("Añadir teléfono:");
document.form.telefonos[document.form.telefonos.length] = new Option(newitem, document.form.telefonos.length);
}

//función para borrar telefonos de la lista
function delT() {
if (document.form.telefonos.selectedIndex >= 0) {
document.form.telefonos.options[document.form.telefonos.selectedIndex]=null;
document.form.telefonos.selectedIndex=0;
}

//función para añadir faxes a la lista
function addF() {
var newitem=prompt("Añadir fax:");
document.form1.faxes[document.form1.faxes.length] = new Option(newitem, document.form1.faxes.length);
}

//función para borrar faxes de la lista
function delF() {
if (document.form1.faxes.selectedIndex >= 0) {
document.form1.faxes.options[document.form1.faxes.selectedIndex]=null;
document.form1.faxes.selectedIndex=0;
}

Saludos!