la función agregar(); me agrega unas filas y funciona ok, pero dentro del codigo necesito copiar los datos de un select a otro, y pues la funcion copiar no me funciona, es como si el select no me quiere cambiar los datos, me los carga todo ok pero selecciono una opcion y no hacen nada.
el javascript que me copia los datos de un select a otro con onchange
Código JAVASCRIPT:
Ver original
<SCRIPT language="JavaScript" type="text/javascript"> function copiar(){ document.myform.profesor1.value=document.myform.asignatura1.value; } </SCRIPT> <SCRIPT language="JavaScript" type="text/javascript"> function copia(){ document.myform.asignatura1.value=document.myform.profesor1.value; } </SCRIPT>
en el siguiente javascrit tengo el problema...
Código Javascript:
Ver original
<script type="text/javascript"> <?php $contador=2; echo 'var contador='.$contador; ?> function agregar(){ var tabla=document.getElementById("tabla").getElementsByTagName("tbody")[0]; var tr=document.createElement("tr"); var td=document.createElement("td"); td.innerHTML='<div style="width:100px;height:6px;"></div><select name="profesor'+contador+'" <?php echo "onchange=\"copiar()\"";?> style="width:250px;" /><option value="">Seleccione un profesor</option><?php $sql_p = mysql_query("SELECT * FROM tabla"); while ($dato = mysql_fetch_array($sql_p)) { echo "<option value=\"$dato[id]\">$dato[profesor]</option>"; } ?></select> <select name="asignatura'+contador+'" onchange="copia()" style="width:250px;" /><option value="">Seleccione una asignatura</option><?php $sql_asi = mysql_query("SELECT * FROM tabla"); while ($datoas = mysql_fetch_array($sql_asi)) { echo "<option value=\"$dato[id]\">"; $sql_asig = mysql_query("SELECT * FROM tabla2 WHERE id = '$datoas[asignatura]'"); while ($asign = mysql_fetch_array($sql_asig)) { echo "$asign[asignatura]"; } echo "</option>"; } ?></select>'; tr.appendChild(td); tabla.appendChild(tr); contador++; if(contador==10) document.getElementById('masmas').disabled=true; } function quitar(){ var tabla=document.getElementById("tabla").getElementsByTagName("tbody")[0]; var ultima_fila=tabla.rows.length-1; if(ultima_fila>0){ tabla.removeChild(tabla.getElementsByTagName("TR").item(ultima_fila)); contador--; if(contador<=10) document.getElementById('masmas').disabled=false; } } </script>
alguien sabe cual podría ser el problema, necesito que me funcionen ambas funciones, saludos