Formulario auto

[joder]

Buenas a todos.
Tengo el siguiente problema de un trabajo de credito de sintesis.
Tengo un formulario que me muestra las iniciales de una base de datos y lo que intento es auto rellenar el campo de texto "nombre" con los valores de la base de datos respecto la seleccion de las iniciales.
Lo que e consegudo hacer es esto:


<script language="javascript">
var nom = ['<?php $nombre = ("Select Nombre From profesores");
$realizarnombre = mysql_query($nombre) or die ("Consulta fallida");
$row=mysql_fetch_row($realizarnombre) or die ("Consualta fallida");
?>'];
var ape = ['<?php $apellidos = ("Select Apellidos From profesores");
$realizarapellidos = mysql_query($apellidos) or die ("Consulta fallida");
$row=mysql_fetch_row($realizarapellidos) or die ("Consualta fallida");
?>'];
var pass = ['<?php $pass = ("Select Pass From profesores");
$realizarpass = mysql_query($pass) or die ("Consulta fallida");
$row=mysql_fetch_row($realizarpass) or die ("Consualta fallida");
?>'];
function auto(obj)
{
obj.form.nombre.value = nom[obj.selectedIndex];
obj.form.apellidos.value = ape[obj.selectedIndex];
obj.form.pass.value = ape[obj.selectedIndex];
}
</script>

<form action="" method="post" name="form1">

<p>Iniciales:
<select name="iniciales" id="iniciales" onchange="auto(this)">
<?php
while($row=mysql_fetch_row($realizariniciales))
{
?>
<option value=<?php echo $row[0]?>><?php echo $row[0]?></option>
<?php
}
?>
</select>
</p>
<p>Nombre:
<input type="text" name="nombre" id="nombre"/>
</p>
<table width="200" border="0">
<tr>
<td><input type="button" name="button" id="button" value="Modificar"></td>
<td><input type="reset" name="button2" id="button2" value="Cancelar"></td>
</tr>
</table>

</form>



Gracias por la ayuda