Repetir o duplicar contenido.

ghost_darknet · #1 (**permalink**) 30/04/2013, 16:01

Hola foreros del web.... necesito una orientacion y recurro a UD...

Tengo un pagina con un formulario, en la cual me gustaría poder Agregar mas informacion si es necesaria o Eliminar....

Código PHP:

Ver original<?php
session_start();
include("../../validacion/sesion_valida.php");
include("tipo_hrd.php");
include("modelos.php");
include("marcas.php");
 
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema Control Inventario (SCI)</title>
 
<link href="../estilos/default.css" rel="stylesheet" type="text/css" />
 
 
</head>
 
<body>
<div id="contenedor-principal">
 
<h1 class="titulo-mostrar">Plataforma Control del Inventario</h1>
 
<h3 class="caja-izquierda"><a href="../menu_hrd.php">Volver al Menu</a><span class="forma"></span></h3>
 
<form id="form" name="form" method="post" action="preview_asignacion.php">
 
    <div id="ingreso-user"><!--ingreso user-->
    <hr />
    <br />
    
    <h3 class="titulo">Datos del Usuario</h3>
    
        <table width="191" class="tabla">
        <tr> <th>Rut Usuario</th> <td><label for="rut"></label><input name="rut" required="required" autocomplete="off" type="text" id="rut" size="12" /></td>
        </tr>
      </table>
    
    </div>
    <hr />
    
<div id="stylized" class="myform" style="margin:20px auto;">
 
<!--<div id="material_comprado"  > </div>  -->
 
    <h3 class="titulo">Asignar Hardware a Usuario</h3>
    <br />
    
    <div id="div_1"><!--inicio Div repetitivo  -->
            
            <label for="tipos"></label>
            <label> Serie:</label> 
            <input type="text" required="required" autocomplete="off" name="series" id="series" style="width:100px;" />
            
 
            <label>Ticket:</label> 
            <input type="text" name="ticket" id="ticket" autocomplete="off" style="width:100px;" />
    
            <input class="bt_plus" id="1" type="button" value="+" /><div class="error_form"></div>
        
    
    </div><!--Fin Div repetitivo  -->
 
 
 
 
<!--<button type="submit" class="boton">Save</button>-->
<br />
<br />
<hr />
<div class="retiro-equipo">
 
  <h3 class="titulo">Ingrese los datos del Equipamiento Retirado<span class=""></span></h3>
  <br />
  
  <div id="div_2">
    <!--inicio Div repetitivo  -->
    <label for="tipos2"></label>
    <select name="retiro_tipos[]" id="tipos2">
    
    <option value="Sin Valor">Selecione el Tipo</option>
     <?PHP while($muestro_tipo=mssql_fetch_array($tipos)){ 
     echo "<option value='".$muestro_tipo['0']."'>".$muestro_tipo['0']."</option>";
     } ?>
    </select>
     
 
    <label>Serie:</label>
    <input type="text" name="retiro_series" id="series2" style="width:100px;" />
    
    <label>Rotulo:</label>
    <input type="text" name="retiro_rotulos"  style="width:100px;" id="retiro_rotulos[]" />
    
    <select name="retiro_marcas" id="retiro_marcas[]">
      <option value="Sin Valor">Selecione la Marca</option>
     <?PHP while($muestro_marca=mssql_fetch_array($marcas)){ 
     echo "<option value='".$muestro_marca['0']."'>".$muestro_marca['0']."</option>";
     } ?>
    </select>
    <select name="retiro_modelos" id="retiro_modelos">
      <option value="Sin Valor">Selecione el Modelo</option>
      <?PHP while($muestro_modelo=mssql_fetch_array($modelos)){ 
     echo "<option value='".$muestro_modelo['0']."'>".$muestro_modelo['0']."</option>";
     } ?>
    </select>
    <label>Ticket:</label>
    <input type="text" name="retiro_ticket[]" id="ticket2" style="width:100px;" />
    <input class="bt_plus" id="12" type="button" value="+" />
    <div class="error_form"></div>
  </div>
  <p>&nbsp;</p>
 
</div>
<div class="spacer">
  <p>&nbsp;    </p>
  <p>
    <input type="submit" name="submit" id="submit" value="Asignar Equipamiento" />
  </p>
</div>
</form>
</div>
 
</div><!--contenedor principal-->
 
</body>
</html>

Como ven tengo un botón de agregar si es necesario (en el formulario). Me gustaría poder repetir textexbox y combobox a decisión del usuario.

alberto510a · #2 (**permalink**) 01/05/2013, 03:22

Hola,

Trata de usar javascript con un botón o checkbox que al pulsarlo el usuario le aparezcan las opciones que tu quieres

rjulio21 · #3 (**permalink**) 01/05/2013, 07:06

Hola, puedes usar jquery. hay una funcion que se llama "clone()" que te permite copiar todo y repetirlo, incluso un poco más avanzado puedes editarlo antes de copiarlo....
http://api.jquery.com/clone/
Saludos.

ghost_darknet · #4 (**permalink**) 01/05/2013, 16:02

muchas gracias