Hola a todos soy nuevo en el foro y tambien en la programacion php y javascript. tengo una duda con respecto a la integracion entre php y javascript, espero alguien me pueda ayudar.
Estoy trabajando en un script que me genere selects dinamicamente dependiendo de la necesidad del usuario y que de la misma forma puedan ser eliminados, algo asi como cuando se adjunta un archivo en gmail en donde se pueden agregar tantos archivos uno quiera pero en mi caso son con selects pero los datos que quiero que se muestre en ese select son recogidos de una base de dato. Aqui les dejo el script
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script type="text/javascript">
<!--
var num = 0;
function insertarFila() {
<?include("conexion.php");
$llenar=mysql_query("select * from doctores",$link);
while($matriz=mysql_fetch_array($llenar)){
echo "var matriz1 = '".$matriz["nombre"]."';";}?>
var elmTBODY = document.getElementById('CuerpoTabla');
var elmTR;
var elmTD1;
var elmTD2;
var elmTD3;
var elmTD4;
var elmSL1;
var elmSL2;
var elmSL3;
var elmOP;
var elmOP1;
var elmOP2;
var elmOP_b;
var elmOP_c;
var elmOP_c_1;
var elmOP_c_2;
var elmOP_c_3;
var elmOP_c_4;
var elmOP_c_5;
var elmOP_c_6;
var elmOP_c_7;
var elmOPseg;
var elmOPter;
var elmIN;
var elmText0;
var elmText1;
var elmText2;
// if (Modo==1) { // Modo Núcleo - CREA FILAS COMPLETAS
elmTR = document.createElement('tr');
elmTD1 = document.createElement('td');
elmTD2 = document.createElement('td');
elmTD3 = document.createElement('td');
elmTD4 = document.createElement('td');
elmSL1 = document.createElement('select');
elmSL1.setAttribute("name","sel" + (++num));
elmSL2 = document.createElement('select');
elmSL1.setAttribute("name","sel1" + (++num));
elmSL3 = document.createElement('select');
elmSL1.setAttribute("name","sel2" + (++num));
elmOP = document.createElement('option');
elmOP.value = "1";
elmOP1 = document.createElement('option');
elmOP1.value = "2";
elmOP2 = document.createElement('option');
elmOP2.value = "3";
elmOP_b = document.createElement('option');
elmOP_b.value = matriz1;
elmOP_c = document.createElement('option');
elmOP_c.value = "1";
elmOP_c_1 = document.createElement('option');
elmOP_c_1.value = "2";
elmOP_c_2 = document.createElement('option');
elmOP_c_2.value = "3";
elmOP_c_3 = document.createElement('option');
elmOP_c_3.value = "4";
elmOP_c_4 = document.createElement('option');
elmOP_c_4.value = "5";
elmOP_c_5 = document.createElement('option');
elmOP_c_5.value = "6";
elmOP_c_6 = document.createElement('option');
elmOP_c_6.value = "7";
elmOP_c_7 = document.createElement('option');
elmOP_c_7.value = "8";
elmOPseg = document.createElement('option');
elmOPseg.value = "9";
elmOPter = document.createElement('option');
elmOPter.value = "10";
elmIN = document.createElement('input');
elmIN.value = "";
elmText0 = document.createTextNode('Seleccione:');
elmText1 = document.createTextNode('AND');
elmText2 = document.createTextNode('OR');
elmText_b_0 = document.createTextNode(matriz1);
elmText_c_0 = document.createTextNode('Elija el criterio:');
elmText_c_1 = document.createTextNode('IGUAL A:');
elmText_c_2 = document.createTextNode('DISTINTO DE:');
elmText_c_3 = document.createTextNode('QUE COMIENCE CON:');
elmText_c_4 = document.createTextNode('QUE FINALICE CON:');
elmText_c_5 = document.createTextNode('QUE CONTENGA:');
elmText_c_6 = document.createTextNode('MENOR A:');
elmText_c_7 = document.createTextNode('MAYOR A:');
elmOP.appendChild(elmText0);
elmOP1.appendChild(elmText1);
elmOP2.appendChild(elmText2);
elmOP_b.appendChild(elmText_b_0);
elmOP_c.appendChild(elmText_c_0);
elmOP_c_1.appendChild(elmText_c_1);
elmOP_c_2.appendChild(elmText_c_2);
elmOP_c_3.appendChild(elmText_c_3);
elmOP_c_4.appendChild(elmText_c_4);
elmOP_c_5.appendChild(elmText_c_5);
elmOP_c_6.appendChild(elmText_c_6);
elmOP_c_7.appendChild(elmText_c_7);
elmSL1.appendChild(elmOP);
elmSL1.appendChild(elmOP1);
elmSL1.appendChild(elmOP2);
elmSL2.appendChild(elmOP_b);
elmSL3.appendChild(elmOP_c);
elmSL3.appendChild(elmOP_c_1);
elmSL3.appendChild(elmOP_c_2);
elmSL3.appendChild(elmOP_c_3);
elmSL3.appendChild(elmOP_c_4);
elmSL3.appendChild(elmOP_c_5);
elmSL3.appendChild(elmOP_c_6);
elmSL3.appendChild(elmOP_c_7);
elmTD1.appendChild(elmSL1);
elmTD2.appendChild(elmSL2);
elmTD3.appendChild(elmSL3);
elmTD4.appendChild(elmIN);
elmTR.appendChild(elmTD1);
elmTR.appendChild(elmTD2);
elmTR.appendChild(elmTD3);
elmTR.appendChild(elmTD4);
elmTBODY.insertBefore(elmTR,elmTBODY.childNodes[0]);
// }
}
function eliminarFila() {
var elmTBODY = document.getElementById('CuerpoTabla');
// if (Modo==1) {
elmTBODY.removeChild(elmTBODY.childNodes[1]);
// }
}
//-->
</script>
</head>
<body>
<div class="Ejemplo">
<table summary="Generador de consultas.">
<caption>Tratamientos:</caption>
<thead><tr>
<th>Elegir Tratamiento </th>
<th>Campo</th>
<th>Elegir Presentacion </th>
<th>Cantidad</th>
</tr></thead>
<tbody id="CuerpoTabla"></tbody>
</table><br>
<form class="Oc1" action="#" method="post" >
<input type="submit" class="Boton" value="Agregar Criterio" onclick="insertarFila();return false;"/>
<input type="submit" class="Boton" value="Eliminar Criterio" onclick="eliminarFila();return false;"/>
<input type="submit" name="enviar" value="Enviar">
</form>
</div>
</body>
</html>
todo funciona bien, me agregar y me elimina perfectamente pero el select con los datos de la consulta me muestra solo el ultimo registro de la matriz que contiene la consulta a la base de dato. no se si sera algun problema en la asignacion de la variable php a javascript. si alguien me puede ayudar se lo agradezco
