Foros del Web » Programando para Internet » Javascript »

cojer los valores de los input de javascript

Estas en el tema de cojer los valores de los input de javascript en el foro de Javascript en Foros del Web. que tal amigos una ayudita por favor como hago para enviar los valores del imput a una variable de php ayudeme por favor aqui les ...
  #1 (permalink)  
Antiguo 08/11/2012, 16:52
 
Fecha de Ingreso: septiembre-2012
Ubicación: Barreiro
Mensajes: 48
Antigüedad: 11 años, 7 meses
Puntos: 0
Pregunta cojer los valores de los input de javascript

que tal amigos una ayudita por favor como hago para enviar los valores del imput a una variable de php ayudeme por favor aqui les dejo el codigo
Código PHP:
<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'+num// 6
  
ele.id 'tags';
  
contenedor.appendChild(ele); // 7
  
  
ele document.createElement('input'); // 5
  
ele.type 'text'// 6
  
ele.name 'apellido'+num// 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
}
function 
borrar(obj) {
  
fi document.getElementById('fiel'); // 1 
  
fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script> 
  #2 (permalink)  
Antiguo 09/11/2012, 02:13
Avatar de kreil  
Fecha de Ingreso: septiembre-2012
Ubicación: España
Mensajes: 63
Antigüedad: 11 años, 7 meses
Puntos: 16
Respuesta: cojer los valores de los input de javascript

Bueno la mejor forma con jquery.

Código Javascript:
Ver original
  1. $('#iddelcontenedor').bind('click', function() {
  2.           $.get("get_loquesea.php",
  3.            {nombredelget:variable_o_texto},funcion_de_recogida);
  4. });

Con eso envias la variable "variable_o_texto" (si es texto ponlo entre '') a la página get_loquesea.php.
Los datos los recibirás en otra función de jquery creada por ti (funcion_de_recogida) que será del estilo:
Código Javascript:
Ver original
  1. function funcion_de_recogida(dato){
  2.     ....
  3. }
Donde "dato" es lo que nos devuelve con el return, echo, print o lo que sea que hayamos hecho dentro del php.
__________________
Diseñador y programador de El break; de la informática
  #3 (permalink)  
Antiguo 09/11/2012, 08:05
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 3 meses
Puntos: 206
Respuesta: cojer los valores de los input de javascript

Con
elemento.value obtienes el valor de dicho elemento (normalmente recuperado con un document.getElementById;
  #4 (permalink)  
Antiguo 09/11/2012, 10:13
 
Fecha de Ingreso: septiembre-2012
Ubicación: Barreiro
Mensajes: 48
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: cojer los valores de los input de javascript

listo hoy pruebo el codigo en mi pagina a ver que tal me va... pero ese javacript que tengo ai es para agregar cajas de texto ahora si agrego 4 cajas me votara o me imprimira los valores de las 4 cajas o solamente el de la primera??
  #5 (permalink)  
Antiguo 09/11/2012, 10:54
 
Fecha de Ingreso: septiembre-2012
Ubicación: Barreiro
Mensajes: 48
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: cojer los valores de los input de javascript

hey marlanga..... me podrias poner un ejemplo con el codigo que puese por que he tratado de que me envie o me imprima pero nada no me sale... por fa ayudame con eso si de antemano muchas gracias por tu ayuda....
  #6 (permalink)  
Antiguo 09/11/2012, 14:15
 
Fecha de Ingreso: septiembre-2012
Ubicación: Barreiro
Mensajes: 48
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: cojer los valores de los input de javascript

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($rowmysql_fetch_array($query)) {//se reciben los valores y se almacenan en un arreglo
      
$elementos[]= '"'.$row['nomsuministros'].'"';
      
}
$arregloimplode(", "$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']; ?>"/>
  #7 (permalink)  
Antiguo 09/11/2012, 14:25
Avatar de stramin  
Fecha de Ingreso: marzo-2008
Ubicación: Cubil felino
Mensajes: 1.652
Antigüedad: 16 años, 1 mes
Puntos: 336
Respuesta: cojer los valores de los input de javascript

debes poner nombres distintos, si ambos se llaman "nombre" PHP no podrá saber cual es cual:

Tambien debes poner los elementos dentro del body, jamás afuera:

<?php
echo $nombre=$_POST['nombre1'].<br>;
echo $nombre=$_POST['nombre2'].<br>;


?>
<input type="text" name="nombre1" value="<?php echo $nombres=$_POST['nombres']; ?>"/>
<input type="text" name="nombre2" value="<?php echo $nombres=$_POST['apellido']; ?>"/>
</body>
</html>
__________________
El objetivo de este foro es orientar al usuario como un favor y no como una obligación.

Yo soy de los que dan puntos por aporte :D
  #8 (permalink)  
Antiguo 09/11/2012, 14:30
 
Fecha de Ingreso: septiembre-2012
Ubicación: Barreiro
Mensajes: 48
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: cojer los valores de los input de javascript

listo lo hice.. pero me sigue mostrando solo el ultimo registro, y lo que yo quiero es que me muestre todos los registro sin borrar el primero.. me entiende....
  #9 (permalink)  
Antiguo 13/11/2012, 12:26
Avatar de stramin  
Fecha de Ingreso: marzo-2008
Ubicación: Cubil felino
Mensajes: 1.652
Antigüedad: 16 años, 1 mes
Puntos: 336
Respuesta: cojer los valores de los input de javascript

bueno, ese día solo respondí por el error, ahora le he puesto un poco más de atención, he reescrito esta parte guardando en variables distintas así puedes manipularlas mejor:

Código PHP:
<?php 
$nombres
=$_POST['nombres'];
$apellido=$_POST['apellido'];

echo 
$nombres."<br>"
echo 
$apellido."<br>"

?> 
<input type="text" name="nombres" value="<?php echo $nombres?>" /> 
<input type="text" name="apellido" value="<?php echo $apellido?>" />
</body> 
</html>
__________________
El objetivo de este foro es orientar al usuario como un favor y no como una obligación.

Yo soy de los que dan puntos por aporte :D

Etiquetas: cojer, input, php
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 01:32.