Foros del Web - Ver Mensaje Individual - Cómo escribir una función para varios productos

emprear · #2 (**permalink**) 07/04/2013, 21:18

Si lo entiendo correctamente, algo asi

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Bind jQuery</title>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
 
$('.ln').bind('change', function() {
var valor = $(this).val();
valor = parseInt(valor);
var laclase = $(this).attr('id');
var coeficiente = $('.'+ laclase).val();
coeficiente = parseInt(coeficiente);
var resultado = valor*coeficiente;
alert(resultado);
});
 
});
//]]>
</script>
 
</head>
<body>
<select id="cant1" class="ln">
 <option selected value="0" >0</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 </select>
 <input name="CANTIDAD" type="hidden" value="98" class="cant1">
 PRECIO $98</p>
 
 <select id="cant2" class="ln">
 <option selected value="0" >0</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 </select>
 <input name="CANTIDAD" type="hidden" value="45" class="cant2">
 PRECIO $45</p>
</body>
</html>

Primero le dás a todos tus selects una misma clase, y a tus inputs hidden le das una clase con igual nombre al id del select al que pertenecen.
Luego usas bind para agregar el evento change a los selects con lo que vas a tener la cantidad y el precio unitario para sacar el producto
Saludos