Ayuda con una seleccion por favor :(

pa3lo022 · 21 Sep 2019

Hola a todos, estoy creando un sitio en php con un template, pero el problema que tengo es que hay una seleccion de items en donde estan creados con <span> y un <button> pero necesito enviar algun tipo de valor cuando se selecciona uno de los items, el codigo es el siguiente

HTML:

<div id="pricing-box" class="row">
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect select">
                                    <span class="header">
                                        <span class="title">FREE</span>
                                        <span class="sub-title">Exposición Baja</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 0,00</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-cart-arrow-down"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect no-select">
                                    <span class="header">
                                        <span class="title">Básica</span>
                                        <span class="sub-title">Exposición Normal</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 99,99</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-cart-arrow-down"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect no-select">
                                    <span class="header">
                                        <span class="title">Clásica</span>
                                        <span class="sub-title">Exposición Alta</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 209,99</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-check"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect no-select">
                                    <span class="header">
                                        <span class="title">Premium</span>
                                        <span class="sub-title">Alta Exposición + Sitio web</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 399,99</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-cart-arrow-down"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                        </div>

Me gustaria que cuando se seleccione algun elemento tenga algun valor que pueda recoger con PHP

Gracias de ante mano

saludos

Gnayusac · 21 Sep 2019

pa3lo022 dijo:

Hola a todos, estoy creando un sitio en php con un template, pero el problema que tengo es que hay una seleccion de items en donde estan creados con <span> y un <button> pero necesito enviar algun tipo de valor cuando se selecciona uno de los items, el codigo es el siguiente

HTML:

<div id="pricing-box" class="row">
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect select">
                                    <span class="header">
                                        <span class="title">FREE</span>
                                        <span class="sub-title">Exposición Baja</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 0,00</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-cart-arrow-down"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect no-select">
                                    <span class="header">
                                        <span class="title">Básica</span>
                                        <span class="sub-title">Exposición Normal</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 99,99</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-cart-arrow-down"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect no-select">
                                    <span class="header">
                                        <span class="title">Clásica</span>
                                        <span class="sub-title">Exposición Alta</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 209,99</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-check"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6">
                                <div class="pricing hover-effect no-select">
                                    <span class="header">
                                        <span class="title">Premium</span>
                                        <span class="sub-title">Alta Exposición + Sitio web</span>
                                        <span class="cover"></span>
                                    </span>
                                    <div class="price">$ 399,99</div>
                                    <button class="btn btn-default select-button" type="button"><i
                                                class="icon fa fa-cart-arrow-down"></i></button>
                                </div><!-- /.pricing -->
                            </div>
                        </div>

Me gustaria que cuando se seleccione algun elemento tenga algun valor que pueda recoger con PHP

Gracias de ante mano

saludos

A dondr deseas enviar a DB o a un Formulario - email

pa3lo022 · 21 Sep 2019

Ese codigo esta dentro de un formulario, envio todos los datos del form pero tambien quisiera mandar el item seleccionado.

Cuando se secciona un item pasa
de esto
<div class="pricing hover-effect no-select">
a esto
<div class="pricing hover-effect select">

devcodep · 21 Sep 2019

PHP:

 <?php

$nombre = $_POST['nombre'];

echo $nombre;

?>

Decibel150 · 21 Sep 2019

No se, si te he entendido bien, se podría añadir un atributo personalizado con el valor que deseas cuando se seleccione un elemento y luego enviarlo con js, o añadir un campo hidden y con js, ir modificando el value con el valor del atributo del elemento seleccionado, no se si me he explicado bien.

Un saludo.

pa3lo022 · 21 Sep 2019

Decibel150 dijo:
No se, si te he entendido bien, podrías añadir un atributo personalizado con el valor que deseas cuando se seleccione un elemento y luego enviarlo con js, o añadir un campo hidden y con js, ir modificando el value con el valor del seleccionado, no se si me he explicado bien.

Un saludo.

Si te explicas bien, la cosa es que agrego un input hidden pero como se cual es el seleccionado, me explico?

Decibel150 · 21 Sep 2019

pa3lo022 dijo:
Si te explicas bien, la cosa es que agrego un input hidden pero como se cual es el seleccionado, me explico?

Por que al hacer click, sobre el seleccionado, este debería de guardar en un array por ej, algún valor que identifique el elemento, o puede hacerlo con el evento onclick, aunque de esta manera seria mas fácil pero redundante.

OmarCoder · 21 Sep 2019

Agrega un input "price" hidden con algún valor por defecto
<input type="hidden" name="price" id="priceInput" value="0.00" />
Luego, a los elementos "pricing" agregales un data-price para que tengas el valor flotante del precio, algo tipo
<div class="pricing hover-effect no-select" data-price="99.99">
Y ya al final sería tipo

Insertar CODE, HTML o PHP:

<script>
var pricingElements = document.getElementsByClassName('pricing');
    for(let item of pricingElements){
        item.onclick = function(){
            document.getElementById('priceInput').value = this.dataset.price;
        }
    }
</script>

No lo he probado así que quizá no funcione, pero ya te haces una idea

Ayuda con una seleccion por favor :(

pa3lo022

Gnayusac

pa3lo022

devcodep

Decibel150

pa3lo022

Decibel150

OmarCoder

Temas similares