Skip to main content
Errores ortográficos
Enlace
eferion
  • 52.6k
  • 5
  • 35
  • 75

¿Cóomo ¿Cómo agregar inputs dinámicos y guardarlos en una base de datos?

como ¿Cóomo agregar inputs dinamicosdinámicos y guardarlos en una base de datos?

Buenas. Necesito ayuda con un formulario de venta que estoy realizando. El formulario pide el nombre del cliente, y luego pide ingresar el producto y su cantidad. El problema es que en una venta se puede solicitar varios productos y en diferentes cantidades y aunque logro multiplicar los inputs, no logro eliminarlos. Mi codigocódigo del jquery es el siguiente:

$(document).ready(function(){
$(".btn-danger").click(function(){
    $(".col-sm-9").append("<br /> <div id="+"input-extra"+" class="+"input-group"+">"+
                  "<input type="+"text"+" class="+"form-control"+">"+
                  "<div class="+"input-group-btn"+">"+
                  "<button type="+"button"+" id="+"btn-erase+"+" class="+"btn btn-danger"+">-</button>"+
                  "</div>"+
                "</div>");
});

$("#btn-erase").click(function(){
    $("#input-extra").remove();
});
});

El id #btn-erase seria el id del "button" agregado. Y el id #input-extra, seria tambien el "input" agregado, asi lo diferencio del fragmento de código html original.

Y este vendría a ser parte del formulario que intento agregar/eliminar.

<div class="form-group">
   <label class="col-sm-3 control-label">Ingrese el producto:</label>
   <div class="col-sm-9">
     <div class="input-group">
       <input type="text" class="form-control" placeholder="Ingrese el producto">
       <div class="input-group-btn">
         <button type="button" class="btn btn-danger">+</button>
       </div>
     </div>
   </div>
</div>

AdemasAdemás, no tengo idea de como agregar simultáneamente todos los "inputs" agregados a una base de datos. Puedo agregar el del field principal, pero no entiendo como trabajaría con los demás.

Gracias, de antemano.

como agregar inputs dinamicos y guardarlos en una base de datos?

Buenas. Necesito ayuda con un formulario de venta que estoy realizando. El formulario pide el nombre del cliente, y luego pide ingresar el producto y su cantidad. El problema es que en una venta se puede solicitar varios productos y en diferentes cantidades y aunque logro multiplicar los inputs, no logro eliminarlos. Mi codigo del jquery es el siguiente:

$(document).ready(function(){
$(".btn-danger").click(function(){
    $(".col-sm-9").append("<br /> <div id="+"input-extra"+" class="+"input-group"+">"+
                  "<input type="+"text"+" class="+"form-control"+">"+
                  "<div class="+"input-group-btn"+">"+
                  "<button type="+"button"+" id="+"btn-erase+"+" class="+"btn btn-danger"+">-</button>"+
                  "</div>"+
                "</div>");
});

$("#btn-erase").click(function(){
    $("#input-extra").remove();
});
});

El id #btn-erase seria el id del "button" agregado. Y el id #input-extra, seria tambien el "input" agregado, asi lo diferencio del fragmento de código html original.

Y este vendría a ser parte del formulario que intento agregar/eliminar.

<div class="form-group">
   <label class="col-sm-3 control-label">Ingrese el producto:</label>
   <div class="col-sm-9">
     <div class="input-group">
       <input type="text" class="form-control" placeholder="Ingrese el producto">
       <div class="input-group-btn">
         <button type="button" class="btn btn-danger">+</button>
       </div>
     </div>
   </div>
</div>

Ademas, no tengo idea de como agregar simultáneamente todos los "inputs" agregados a una base de datos. Puedo agregar el del field principal, pero no entiendo como trabajaría con los demás.

Gracias, de antemano.

¿Cóomo agregar inputs dinámicos y guardarlos en una base de datos?

Buenas. Necesito ayuda con un formulario de venta que estoy realizando. El formulario pide el nombre del cliente, y luego pide ingresar el producto y su cantidad. El problema es que en una venta se puede solicitar varios productos y en diferentes cantidades y aunque logro multiplicar los inputs, no logro eliminarlos. Mi código del jquery es el siguiente:

$(document).ready(function(){
$(".btn-danger").click(function(){
    $(".col-sm-9").append("<br /> <div id="+"input-extra"+" class="+"input-group"+">"+
                  "<input type="+"text"+" class="+"form-control"+">"+
                  "<div class="+"input-group-btn"+">"+
                  "<button type="+"button"+" id="+"btn-erase+"+" class="+"btn btn-danger"+">-</button>"+
                  "</div>"+
                "</div>");
});

$("#btn-erase").click(function(){
    $("#input-extra").remove();
});
});

El id #btn-erase seria el id del "button" agregado. Y el id #input-extra, seria tambien el "input" agregado, asi lo diferencio del fragmento de código html original.

Y este vendría a ser parte del formulario que intento agregar/eliminar.

<div class="form-group">
   <label class="col-sm-3 control-label">Ingrese el producto:</label>
   <div class="col-sm-9">
     <div class="input-group">
       <input type="text" class="form-control" placeholder="Ingrese el producto">
       <div class="input-group-btn">
         <button type="button" class="btn btn-danger">+</button>
       </div>
     </div>
   </div>
</div>

Además, no tengo idea de como agregar simultáneamente todos los "inputs" agregados a una base de datos. Puedo agregar el del field principal, pero no entiendo como trabajaría con los demás.

Gracias, de antemano.

Origen Enlace
Raphael
  • 1.2k
  • 6
  • 28
  • 48

como agregar inputs dinamicos y guardarlos en una base de datos?

Buenas. Necesito ayuda con un formulario de venta que estoy realizando. El formulario pide el nombre del cliente, y luego pide ingresar el producto y su cantidad. El problema es que en una venta se puede solicitar varios productos y en diferentes cantidades y aunque logro multiplicar los inputs, no logro eliminarlos. Mi codigo del jquery es el siguiente:

$(document).ready(function(){
$(".btn-danger").click(function(){
    $(".col-sm-9").append("<br /> <div id="+"input-extra"+" class="+"input-group"+">"+
                  "<input type="+"text"+" class="+"form-control"+">"+
                  "<div class="+"input-group-btn"+">"+
                  "<button type="+"button"+" id="+"btn-erase+"+" class="+"btn btn-danger"+">-</button>"+
                  "</div>"+
                "</div>");
});

$("#btn-erase").click(function(){
    $("#input-extra").remove();
});
});

El id #btn-erase seria el id del "button" agregado. Y el id #input-extra, seria tambien el "input" agregado, asi lo diferencio del fragmento de código html original.

Y este vendría a ser parte del formulario que intento agregar/eliminar.

<div class="form-group">
   <label class="col-sm-3 control-label">Ingrese el producto:</label>
   <div class="col-sm-9">
     <div class="input-group">
       <input type="text" class="form-control" placeholder="Ingrese el producto">
       <div class="input-group-btn">
         <button type="button" class="btn btn-danger">+</button>
       </div>
     </div>
   </div>
</div>

Ademas, no tengo idea de como agregar simultáneamente todos los "inputs" agregados a una base de datos. Puedo agregar el del field principal, pero no entiendo como trabajaría con los demás.

Gracias, de antemano.