Hola, llevo todo el dia atascado con esta mierda!
Las funciones de javascript que utilizo las probé en una simple pagina html y me funcionaban perfectamente:
<body>
This is my HTML page. <br>
<FORM name="miform" >
<input name="tipoIns" type="text"/>
<input name="precioTipoIns" type="text"/>
<input name="mas" type="button" value="mas" onClick="javascript:anadir();"/>
<input name="menos" type="button" value="menos" onClick="javascript:quitar();"/>
<SELECT name="tipos" size="4">
</SELECT>
<INPUT name="SUBMIT" type="button" onclick="javascript:submit();">
</FORM>
<SCRIPT >
function anadir(){
var sizeCombo = document.forms[0].tipos.length;
if(sizeCombo<4)
{
var texto = document.forms[0].tipoIns.value+'-'+document.forms[0].precioTipoIns.value+'euros';
document.forms[0].tipos.options[sizeCombo] = new Option(texto,"valor de la option");
document.forms[0].tipos.options[sizeCombo].length++;
}
else{
alert("Maximo 4 tipos");
}
alert(document.forms[0].tipos.length);
}
function quitar(){
var opcionSeleccionada = document.forms[0].tipos.selectedIndex;
if(opcionSeleccionada!=-1){/*Si hay alguna opcion seleccionada...*/
document.forms[0].tipos.options[opcionSeleccionada]=null;
}
alert(document.forms[0].tipos.length);
}
Pues bien, ahora lo hago igual pero en una jsp, en la que estoy utilizando tags de struts, aunque deberia dar igual. Este es el codigo que se crea tras crear la jsp:
...
<tr>
<td>Descripcion: </td>
<td><input type="text" name="tipoInscripcion" maxlength="50" value="ricos"></td>
<td>Precio(euros): </td>
<td><input type="text" name="precioTipoInscripcion" maxlength="3" size="3" value="100"></td>
<td><select name="comboTiposInscripcion" multiple="multiple" size="4"></select></td>
<td><input type="button" name="colocar" value="->" onclick="javascript:annadir();"> </td>
<td><input type="button" name="quitar" value="quitar" onclick="javascript:annadir();"> </td>
</tr>
<tr>
<td colspan="2" align="center">
<!-- <input type="submit" name="aceptar" value="Aceptar">-->
<input type="button" name="submit" value="Aceptar" onclick="javascript:submit();">
<input type="submit" name="org.apache.struts.taglib.html.CANCEL" value="Cancelar" onclick="bCancel=true;">
</td>
</tr>
</table>
<input type="hidden" name="accion" value="alta">
</form>
<script type="text/javascript" language="JavaScript">
<!--
var focusControl = document.forms["carreraForm"].elements["nombre"];
if (focusControl.type != "hidden" && !focusControl.disabled) {
focusControl.focus();
}
// -->
</script>
</td>
</tr>
<!-- FIN CUERPO-->
</table>
<SCRIPT >
function annadir(){
var sizeCombo = document.forms[0].comboTiposInscripcion.length;
if(sizeCombo<4)
{
if(document.forms[0].tipoInscripcion.value=="" || document.forms[0].precioTipoInscripcion.value=="")
alert('Los 2 campos son obligatorios');
else{
var label = document.forms[0].tipoInscripcion.value+'-'+document.forms[0].precioTipoInscripcion.value+'euros';
var value = document.forms[0].tipoInscripcion.value+'-'+document.forms[0].precioTipoInscripcion.value;
document.forms[0].comboTiposInscripcion.options[sizeCombo] = new Option(label,value);
document.forms[0].comboTiposInscripcion.options[sizeCombo].length++;
}
}
else{
alert("Maximo 4 tipos");
}
}
function quitar(){
}
function submit(){
}
</SCRIPT>
...
Como podeis comprobar, son practicamente iguales...
Las lineas en rojo son en las que me da error el javascript
El fallo me da al hacer click en el boton quitar y en el boton aceptar, los cuales he dejado vacios al para comprobar errores. Pero ni por esas, me de el fallo de .."El objeto no acepta esta propiedad o metodo"
Por el contrario, en el boton "->", que tiene como evento onClick la funcion annadir funciona perfectamente.
Yo no entiendo nada, ¿alguien tiene idea de que ocurre?
Estoy seguro que es un chorrada, pero me estoy comiendo la cabeza..
Gracias!
