Cambiar valor de algo al elegir de una SELECT html usando jquery

zero477 · 10 Nov 2014

Hola chicos,

No soy tan bueno usando jquery y necesito que me expliquen como puedo sumar a un valor a algo usando jquery cuando el cliente elija una algo de UN SELECT.... Por ejemplo

HTML:

 <select name="loquesea1" id="lista_productos_tipo_1">
                          <option value="id_producto_1" selected>(+$0) No deseo Nombre Producto</option>
                          <option value="id_producto_2">(+$259.03) Nombre Producto</option>
                          <option value="id_producto_3">(+$491.49) Nombre Producto</option>	  
                          <option value="id_producto_4">(+$619.90) Nombre Producto</option>
</select>


 <select name="loquesea2" id="lista_productos_tipo_2">
                          <option value="id_producto_5" selected>(+$0) No deseo Nombre Producto</option>
                          <option value="id_producto_6">(+$259.03) Nombre Producto</option>
                          <option value="id_producto_7">(+$491.49) Nombre Producto</option>	  
                          <option value="id_producto_8">(+$619.90) Nombre Producto</option>
</select>

<input name="" type="hidden" id="TOTAL_SUMA_DE_PRODUCTOS" value="VALOR AQUI">

Saludos,
Eddie

lombervid · 10 Nov 2014

Prueba con el evento change del select.

- - - Actualizado - - -

Algo como:

PHP:

$(document).ready(function() {
	$('#lista_productos_tipo_1').change(function(event) {
		alert($(this).val());
	});
});

kanikase · 10 Nov 2014

Como dice lombervid con change :distant:

Insertar CODE, HTML o PHP:

$(document).ready(function(){
$('#lista_productos_tipo_1').change(function(event){
$('#TOTAL_SUMA_DE_PRODUCTOS').val($(this).val());
});
});

zero477 · 10 Nov 2014

Perdonen mi torpeza pero tengo más conocimientos de PHP y no soy muy ducho en jquery y java. El php lo tengo así:

PHP:

<select name="entradas"  id="tickets_a_agregar">
                          <option value="0" selected>No deseo Tickets</option>
                        <?php
							$get_products = mysql_query("
							SELECT *
							FROM ######
							  ") 

					or die(mysql_error());


	while($products = mysql_fetch_array($get_products))

					{
							
                    ?>  
                          <option value="<?php echo $products['precio]; ?>">(+<?php echo money($products['precio]); ?>) <?php echo $products['producto']; ?></option>

					<?php

					}
					?>						  
                        </select>

Tengo tres SELECT distintos. Según yo con la última función que muy amablemente kanikase me ha compartido se va a cambiar el valor de #TOTAL_SUMA_DE_PRODUCTOS más no se van a sumar los valores de las tres listas.

Muchas gracias a todos por sus amables respuestas.

lombervid · 10 Nov 2014

PHP:

$(document).ready(function() {
	$('select').change(function(event) {
		var select1 = parseFloat($('#id_del_select_1').val());
		var select2 = parseFloat($('#id_del_select_2').val());
		var select3 = parseFloat($('#id_del_select_3').val());
		$('#TOTAL_SUMA_DE_PRODUCTOS').val( (select1 + select2 + select3) );
	});
});

zero477 · 11 Nov 2014

Ya quedó les agradezco mucho a todos!!

Cambiar valor de algo al elegir de una SELECT html usando jquery

zero477

lombervid

kanikase

zero477

lombervid

zero477

Temas similares