Foros del Web » Programando para Internet » Javascript »

Añadir una lista de opciones con un clic

Estas en el tema de Añadir una lista de opciones con un clic en el foro de Javascript en Foros del Web. Hola denuevo amig@s del foro, tengo el siguiente problemita, resulta que tengo una tabla donde se generan filas al presionar un botón para que se ...
  #1 (permalink)  
Antiguo 22/08/2008, 12:07
Avatar de javierito10  
Fecha de Ingreso: julio-2008
Ubicación: Potosí - Bolivia
Mensajes: 135
Antigüedad: 16 años, 5 meses
Puntos: 1
Añadir una lista de opciones con un clic

Hola denuevo amig@s del foro, tengo el siguiente problemita, resulta que tengo una tabla donde se generan filas al presionar un botón para que se sigan llenando registros pero el problema es que el llenado de registros sea mediante una lista extraida de una BD, es decir que cuando haga clic en el primer campo me despliegue dicha lista, cuando haga clic en el segundo campo me despliegue tambien una lista pero extraida de otra tabla dentro de la BD.

Bueno no se si pude explicarme bien pero tambien les posteo la tabla donde genero las filas:

Código PHP:
<form name="orden" id="orden" action="insertar_orden.php" method="post">
<
table width="878" height="95" border="1" align="center">
    <
tr>
      <
td colspan="5" bgcolor="#FFFF99" class="Estilo16">PERSONAL ASIGNADO </td>
    </
tr>
    <
tr>
      <
td width="144" height="20" bgcolor="#FFFFC6" class="Estilo3"><div align="center" class="Estilo16">NOMBRE</div></td>
      <
td width="141" bgcolor="#FFFFC6" class="Estilo3"><div align="center" class="Estilo16">APELLIDO</div></td>
      <
td width="141" bgcolor="#FFFFC6" class="Estilo3"><div align="center" class="Estilo16">CARGO</div></td>
      <
td width="142" bgcolor="#FFFFC6" class="Estilo3"><div align="center" class="Estilo11">
        <
div align="center" class="Estilo16 Estilo18">HORAS PROG. </div>
      </
div></td>
      <
td width="276" bgcolor="#FFFFC6" class="Estilo3"><div align="center" class="Estilo11">
        <
div align="left" class="Estilo16">&nbsp; &nbsp;<span class="Estilo18">HORAS REAL</span> </div>
      </
div></td>
    </
tr>
    <
tr>
      <
td height="28" colspan="5">
        <
input name="campos[0][campo1]" type="text" id="campos[0][campo1]" />
        <
input name="campos[0][campo2]" type="text" id="campos[0][campo2]" />
        <
input name="campos[0][campo3]" type="text" id="campos[0][campo3]" />
        <
input name="campos[0][campo4]" type="text" id="campos[0][campo4]" />
        <
input name="campos[0][campo5]" type="text" id="campos[0][campo5]" />
        <
input type="button" name="button" id="button" value="Crear otra fila" onClick="addFileInput()"/>    
      <
div id="moreUploads"></div>  </td>
    </
tr>
  </
table>
</
form
Aqui esta la función javascript para generar las filas:

Código PHP:
var upload_number=1;
function 
addFileInput() {
var 
i=0;
var 
document.createElement("div");
var 
file document.createElement("input");
file.setAttribute("type""text");
file.setAttribute("size""20");
file.setAttribute("name""campos["+upload_number+"][campo1]");
d.appendChild(file);
var 
file2 document.createElement("input");
file2.setAttribute("type""text");
file2.setAttribute("size""21");
file2.setAttribute("name""campos["+upload_number+"][campo2]");
d.appendChild(file2);
var 
file3 document.createElement("input");
file3.setAttribute("type""text");
file3.setAttribute("size""21");
file3.setAttribute("name""campos["+upload_number+"][campo3]");
d.appendChild(file3);
var 
file4 document.createElement("input");
file4.setAttribute("type""text");
file4.setAttribute("name""campos["+upload_number+"][campo4]");
d.appendChild(file4);
var 
file5 document.createElement("input");
file5.setAttribute("type""text");
file5.setAttribute("size""21");
file5.setAttribute("name""campos["+upload_number+"][campo5]");
d.appendChild(file5);
document.getElementById("moreUploads").appendChild (d);
upload_number++;

Bueno hasta aqui yo puedo llenar registros manualmente y lo que quiero es que en vez de llenarlos manualmente yo pueda hacer clic en un campo y me despliegue una lista de la cual pueda elegir una opción. Bueno preferentemente que me despliegue la lista de una tabla dentro de una BD.

Muchas gracias de antemano por cualquier ayuda.
Saludos...
  #2 (permalink)  
Antiguo 24/08/2008, 14:53
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 21 años, 5 meses
Puntos: 21
De acuerdo Respuesta: Añadir una lista de opciones con un clic

podrias preguntar en foro de ajax de antemano
te sugiero este script saludos

ejemplo
http://www.dhtmlgoodies.com/scripts/...ed-select.html

codigo
http://www.dhtmlgoodies.com/index.ht...chained_select


saludos
__________________
gerardo
  #3 (permalink)  
Antiguo 25/08/2008, 14:58
Avatar de javierito10  
Fecha de Ingreso: julio-2008
Ubicación: Potosí - Bolivia
Mensajes: 135
Antigüedad: 16 años, 5 meses
Puntos: 1
Respuesta: Añadir una lista de opciones con un clic

muchas gracias por tu respuesta chalchis, voy a preguntar en el foro de Ajax.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:38.