amigooos ya resolvi el problema de los valores... PERO ahora tengo otro problemita.. ahora al momento de ingresar los valores me los imprime ok hasta ai toooodo bien.. pero al crear otras 2 cajas de texto he ingreso otros valores y preciono el boton enviar se me borra los datos anteriores y se imprime el dato que ingrese ultimo.... como hago para que se me valla creando un listado de todos los datos ingresados en las cajas de texto.. aqui les dejo mi codigo
Código PHP:
<script language="JavaScript" src="js/jquery-1.5.1.min.js"></script>
<script language="JavaScript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<?php
include("conexion.php");//se incluyen los datos para realizar la conexion a su base de datos
$con = "select * from suministros";//consulta para seleccionar las palabras a buscar, esto va a depender de su base de datos
$query = mysql_query($con);
?>
<script>
$(function() {
<?php
while($row= mysql_fetch_array($query)) {//se reciben los valores y se almacenan en un arreglo
$elementos[]= '"'.$row['nomsuministros'].'"';
}
$arreglo= implode(", ", $elementos);//junta los valores del array en una sola cadena de texto
?>
var availableTags=new Array(<?php echo $arreglo; ?>);//imprime el arreglo dentro de un array de javascript
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
<script type="text/javascript">
<!--
num=2;
function crear(obj) {
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.insertBefore(contenedor,obj); // 4
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'nombres' // 6
ele.id = 'tags';
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'apellido' // 6
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Borrar'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'submit'; // 6
ele.value = 'Agregar'; // 8
//ele.name = 'div'+num; // 8
ele.onclick = function () {enviar(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
function enviar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
</script>
</head>
<body>
<form method="post" action="index.php">
<fieldset id="fiel">
<input type="button" value="Crear" onClick="crear(this)" />
<input type="submit" name="enviar" value="enviar" />
</form>
<label for="tags">buscar </label>
<input id="tags" name="nombre" />
<input name="Enviar" type="submit"/>
</fieldset>
</form>
<?php
echo $nombre=$_POST['nombre'];
?>
</body>
</html>
<input type="text" name="nombre" value="<?php echo $nombres=$_POST['nombres']; ?>"/>
<input type="text" name="nombre" value="<?php echo $nombres=$_POST['apellido']; ?>"/>