Resolvi todo el problema voy aponer el codigo por si alguien lo necesita
código HTML con un script para que corra el jquery
Código HTML:
Ver original<script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript" src="jquery.addfield.js"></script> $(function(){
});
<link href="estilo.css" rel="stylesheet" type="text/css" /> <div id="stylized" class="myform" style="margin:20px auto;">
<!--FROMULARIO -->
<form id="form" name="form" method="post" action="datos.php"> <div id="material_comprado" > </div> <h1>Compra de material
</h1> <p>Si es necesario a
ñade el material a comprar
</p> <label>Material de compra
<span class="small">A
ñade los materiales
</span> <input type="text" name="materiales[]" style="width:200px;" /><span style="float:left;padding: 8px 0px 8px 8px;">Cantidad:
</span> <input type="text" name="cantidadmateriales[]" style="width:40px;" /><input class="bt_plus" id="1" type="button" value="+" /><div class="error_form"></div>
tiene que bajar este archivo de jquery para que corra el jquery esta anesado enel html
jquery file
codigo script
Código Javascript
:
Ver original$(document).ready(function() {
//ACA le asigno el evento click a cada boton de la clase bt_plus y llamo a la funcion addField
$(".bt_plus").each(function (el){
$(this).bind("click",addField);
});
});
function addField(){
// ID del elemento div quitandole la palabra "div_" de delante. Pasi asi poder aumentar el número. Esta parte no es necesaria pero yo la utilizaba ya que cada campo de mi formulario tenia un autosuggest , así que dejo como seria por si a alguien le hace falta.
var clickID = parseInt($(this).parent('div').attr('id').replace('div_',''));
// Genero el nuevo numero id
var newID = (clickID+1);
// Creo un clon del elemento div que contiene los campos de texto
$newClone = $('#div_'+clickID).clone(true);
//Le asigno el nuevo numero id
$newClone.attr("id",'div_'+newID);
//Asigno nuevo id al primer campo input dentro del div y le borro cualquier valor que tenga asi no copia lo ultimo que hayas escrito.(igual que antes no es necesario tener un id)
$newClone.children("input").eq(0).attr("id",'materiales'+newID).val('');
//Borro el valor del segundo campo input(este caso es el campo de cantidad)
$newClone.children("input").eq(1).val('');
//Asigno nuevo id al boton
$newClone.children("input").eq(2).attr("id",newID)
//Inserto el div clonado y modificado despues del div original
$newClone.insertAfter($('#div_'+clickID));
//Cambio el signo "+" por el signo "-" y le quito el evento addfield
$("#"+clickID).val('-').unbind("click",addField);
//Ahora le asigno el evento delRow para que borre la fial en caso de hacer click
$("#"+clickID).bind("click",delRow);
}
function delRow() {
// Funcion que destruye el elemento actual una vez echo el click
$(this).parent('div').remove();
}
archivo PHP
Código PHP:
Ver original$lista=implode(' A ',$_POST['materiales']); echo $lista;
require("../conexion/conexionmsqli.php");
//consulta mysql que insertara una vez por cada elemento
$query1 = mysqli_query($conexion,"INSERT INTO bd VALUES ('$lista')");
si lo quieren insertar los datos por separado este es el código
Código PHP:
Ver originalfor($i=0;$i<count($_POST['materiales']);$i++){ $materiales = $_POST['materiales'][$i];
echo "<pre>";
$inser = $materiales;
echo $inser;
include '../conexion/conexionmsqli.php';
mysqli_query($conexion, "INSERT INTO a (info) VALUES ('$inser')"); }