Estoy intentando anadir valores a campo select de acuerdo con los valores seleccionados en otro campo select de un popup. He conseguido hacerlo funcionar en Firefox, pero IE se me resiste. ¿Alguien tiene idea de como resolverlo? Muchas gracias por adelantado
Pongo el código de la página principal y del popup para que puedan verlo.
Código:
<html>
<body>
<script language="javascript" type="text/javascript">
var dialogArguments;
function getPuerto (field) {
dialogArguments = field;
var obj=showModalDialog('testhijo.php', field, 'width=500,height=300,scrollbars=1');
if (typeof obj != "undefined") {
field = obj;
}
}
</script>
<table>
<tr>
<td>
<form name="formoferta" method="post" action="" onSubmit="">
<select name="OFL_origin" size="1"></select>
<input name="worigin" type="button" value="..." onClick="getPuerto(OFL_origin)">
</form>
</td>
</tr>
</table>
</body>
</html>
EL CODIGO DEL POPUP
Código:
<html>
<body>
<script language="javascript" type="text/javascript">
function ponPuerto(){
var lista = new Object();
index=0;
for (i=0; i<document.formpuerto.puerto.size; i++){
if (document.formpuerto.puerto.options[i].selected) {
texte=document.formpuerto.puerto.options[i].text;
clau=document.formpuerto.puerto.options[i].value;
lista.length=index+1;
lista[index] = new Option(texte,clau);
index++;
}
}
window.returnValue = lista;
opener.location.reload()
}
</script>
<table width='100%' border='0' align='center' cellpadding='0' cellspacing='2' bgcolor='#FFFFFF'>
<form name="formpuerto" action="">
<tr>
<td>
<select name="puerto" size="15" multiple class="lletranegra" tabindex="1">
<option value="1" label="Barcelona">Barcelona</option>
<option value="2" label="Tarragona">Tarragona</option>
<option value="3" label="Marsella">Marsella</option>
<option value="4" label="Pireo">Pireo</option>
<option value="5" label="Abidjan" selected>Abidjan</option>
<option value="5" label="Abu Dhabi">Abu Dhabi</option>
<option value="6" label="Acajutla">Acajutla</option>
<option value="7" label="Adelaide">Adelaide</option>
<option value="8" label="Aden">Aden</option>
<option value="9" label="Agadir">Agadir</option>
<option value="10" label="Ajmann">Ajmann</option>
<option value="11" label="Akita">Akita</option>
<option value="11" label="Alejandria">Alejandria</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" name="aceptar" value="Aceptar" onClick="ponPuerto();window.close();">
</td>
</tr>
</form>
</table>
</body>
</html>
Cualquier ayuda o sugerencia será bienvenida. MUCHAS GRACIAS