onchange+listbox+ script

[arcanisgk1]

hola a todos nesesito una manito con un codigo.

codigo usado

xhtml:

Código HTML:

<select name="raza" size="1" id="raza" onchange="redirect(this.options.selectedIndex)">
<option selected="selected">--Escoja una Raza--</option>
<option value="humano">Humano</option>
<option value="argonautas">Argonauta</option>
<option value="enano">Enano</option>
<option value="arunos">Arunos (Elfo)</option>
</select>

[COLOR="Red"]y[/COLOR]

<select name="prof" size="1" id="prof">
<option value=" " selected="selected">Prof. Humanos</option>
<option value=" " selected="selected">Prof. Argonautas</option>
<option value=" " selected="selected">Prof. Enanos</option>
<option value=" " selected="selected">Prof. Arunos</option>
</select> 

script utilisado en el evento onchange:

Código:

//<![CDATA[
var groups=document.form1.raza.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
												
group[0][0]=new Option("Escoja una Profeción"," ");
group[1][0]=new Option("Selecione una Profeción"," ");
group[1][1]=new Option("Guerrero","guerrero");
group[1][2]=new Option("Paladin(Caballero)","paladin");
group[1][3]=new Option("Mercenario(Asesino)","mercenario");
group[1][4]=new Option("Sacerdote","sacerdote");
group[1][5]=new Option("Mago","mago");
group[1][6]=new Option("Brujo","brujo");
												
group[2][0]=new Option("Selecione una Profeción"," ");
group[2][1]=new Option("Paladin(Caballero)","paladin");
group[2][2]=new Option("Mago","mago"); 
group[2][3]=new Option("Sacerdote","sacerdote");
												
group[3][0]=new Option("Selecione una Profeción"," ");
group[3][1]=new Option("Guerrero","guerrero");
group[3][2]=new Option("Paladin(Caballero)","paladin");
group[3][3]=new Option("Cazador","cazador"); 
												
group[4][0]=new Option("Selecione una Profeción"," ");
group[4][1]=new Option("Guerrero","guerrero");
group[4][2]=new Option("Paladin(Caballero)","paladin"); 
group[4][3]=new Option("Mago","mago");
group[4][4]=new Option("Sacerdote","sacerdotes");
												
var temp=document.form1.prof
												
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
												
//]]>

el problema es que queria agregar otro evento al onchange por ejemplo al escojer del listbox que en un cuadro de texto aparesca informacion, o carge una imagen, la idea era cargar iframes independientes para esto pero no tengo ni idea de como cambiarlo o agregarle un doble evento al onchange