recoger valores en javascript

Citar

Escrito el 09 Oct 2012 07:18 pm

Hola a todos ,tengo un carrito de la compra con este foreach

Código PHP :

<?php 
 foreach($carro as $k => $v){ 
 ?>

y los muestra así

Código PHP :

<?php echo $v['cantidad'];?><?php echo $v['producto'];?>

tengo un input para poder cambiar la cantidad del producto

Código :

<input name="cantidad" type="text" id="cantidad"  value="<?php echo $v['cantidad'] ?>" size="8">

lo que quiero hacer es recoger el valor del input en javascript , he puesto en la etiquta < form onSubmit="return datos()" y en el js

Código Javascript :

var cantidad = document.getElementById('cantidad').value;  alert( cantidad );

si solo hay un producto en el carro me lo recoge bien el valor de la cantidad , pero si hay mas de un producto siempre me recoge valor del primer producto, es decir si cambio la cantidad del tercer producto , el javascript me recoge el valor de la cantidad que tiene el primer producto en vez de recoger el del tercero.
No se que puedo hacer, si pudieran darme alguna idea .
Gracias .

Por gui

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 09 Oct 2012 09:11 pm

recuerda que "cantidad" debe ser unico... en tu PHP agrega algo como

Código PHP :

<?php echo $v['cantidad']_$indice ;?><?php echo $v['producto'];?>

Y a tu JS aplica como un tipo foereach()... entonces..

Código Javascript :

var miscantidades=new Array(); 
for( i =0; i < cantidad de campos; i++)
var miscantidades[i] = document.getElementById('cantidad_i').value;  alert( this);

Es un ejemplo mal echo obviamente por que javascript no concatena de manera automatica lo importante aqui es poder crear distinos values con distinto nombre y los recoges en un arrego en javascript.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

FullStack Web Developer

@elporfirio

Citar

Escrito el 09 Oct 2012 09:55 pm

Como menciona @elporfirio los valores de los atributos "id" deben ser ser unicos dentro de un documento html.

Usando selectores de JQuery puedes hacer algo como esto:

Código PHP :

<input name="cantidad" type="text" value="<?php echo $v['cantidad'] ?>" size="8">

Para obtener todos los valores en "cantidad"

Código Javascript :

$("input[name='cantidad']").each(function(index, elemento){
alert($(elemento).val());
});

Por -george-

58 de clabLevel

Envíale un mensaje privado

Tartarus

Citar

Escrito el 10 Oct 2012 04:59 am

muchas gracias por las respuestas , lo miraré y os digo algo

Por gui

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 14 Oct 2012 04:07 pm

No se como recoger el valor de id que sea único ,
si pongo :

Código PHP :

 <?php echo $v['cantidad']_$indice ;?>

me sale error de sintaxis .
si pongo :

Código PHP :

 <?php echo $v['cantidad'][$k] ;?>

no me da nada
Voy a probar si lo soluciono con php ya que de javascript y jQuerry no se mucho

Por gui

11 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 14 Oct 2012 06:21 pm

ya lo solucioné ,encontré este código

Código HTML :

<HTML>
<HEAD>
<TITLE>Test Input</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function testResults (form) {
    var TestVar = form.inputbox.value;
    alert ("You typed: " + TestVar);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="GET">Enter something in the box: <BR>
<INPUT TYPE="text" NAME="inputbox" VALUE=""><P>
<INPUT TYPE="button" NAME="button" Value="Click" onClick="testResults(this.form)">
</FORM>
</BODY>
</HTML>

y me recoge el valor del NAME="inputbox" que tengo , este el primero o el tercero

Por gui

11 de clabLevel

Envíale un mensaje privado

recoger valores en javascript

Escribe una respuesta rapida