Skip to main content
Identación del código y mejoras en redacción.
Origen Enlace

enviar Enviar datos adicionales al value en select react(react)

Tengo un selectselect que funciona bien pero quiero aparte del value enviar un dato adicional llamado descripcion"descripción" pero no se comosé cómo.

<div className="col-lg-4">
                                <div className="row mx-auto mb-3">
                                    <label className="p-0 my-auto col-sm-6 col-form-label">PROMO CODE</label>
                                    <select onChange={(e) => this.changePromo(e)} className="form-control form-control-sm">
                                        <option value={this.state.promocode}>{this.state.lng["0"]["IndividualReservation"]["btnTab"]}</option>
                                        {this.state.PromoData.map((code) =>
                                            <option key={code.idconf_promocode} value={code.promocode_name} descripcion={code.descripcion}>{code.promocode_name} </option>)
                                        }
                                    </select>
                                </div>
                            </div>

eseEse es el select y asiasí trato de enviarlo, pero no llega a mi funcionfunción

changePromo = (e) => {
        
            this.state.resevaDirecta.promocode = e.target.value;
            this.state.resevaDirecta.descPromocode = e.target.descripcion;
        
    }

elEl value legallega perfectamente, pero descripciondescripcion no estaestá llegando que.

¿Qué puedo hacer?

enviar datos adicionales al value en select react

Tengo un select que funciona bien pero quiero aparte del value enviar un dato adicional llamado descripcion pero no se como

<div className="col-lg-4">
                                <div className="row mx-auto mb-3">
                                    <label className="p-0 my-auto col-sm-6 col-form-label">PROMO CODE</label>
                                    <select onChange={(e) => this.changePromo(e)} className="form-control form-control-sm">
                                        <option value={this.state.promocode}>{this.state.lng["0"]["IndividualReservation"]["btnTab"]}</option>
                                        {this.state.PromoData.map((code) =>
                                            <option key={code.idconf_promocode} value={code.promocode_name} descripcion={code.descripcion}>{code.promocode_name} </option>)
                                        }
                                    </select>
                                </div>
                            </div>

ese es el select y asi trato de enviarlo pero no llega a mi funcion

changePromo = (e) => {
        
            this.state.resevaDirecta.promocode = e.target.value;
            this.state.resevaDirecta.descPromocode = e.target.descripcion;
        
    }

el value lega perfectamente pero descripcion no esta llegando que puedo hacer

Enviar datos adicionales al value en select (react)

Tengo un select que funciona bien pero quiero aparte del value enviar un dato adicional llamado "descripción" pero no sé cómo.

<div className="col-lg-4">
    <div className="row mx-auto mb-3">
        <label className="p-0 my-auto col-sm-6 col-form-label">PROMO CODE</label>
        <select onChange={(e) => this.changePromo(e)} className="form-control form-control-sm">
             <option value={this.state.promocode}>{this.state.lng["0"]["IndividualReservation"]["btnTab"]}</option>
             {this.state.PromoData.map((code) =>
                 <option key={code.idconf_promocode} value={code.promocode_name} descripcion={code.descripcion}>{code.promocode_name} </option>)
             }
        </select>
    </div>
</div>

Ese es el select y así trato de enviarlo, pero no llega a mi función

changePromo = (e) => {
    this.state.resevaDirecta.promocode = e.target.value;
    this.state.resevaDirecta.descPromocode = e.target.descripcion;
}

El value llega perfectamente, pero descripcion no está llegando.

¿Qué puedo hacer?

título editado
Enlace

enviar datos adecionalesadicionales al value en select react

Origen Enlace

enviar datos adecionales al value en select react

Tengo un select que funciona bien pero quiero aparte del value enviar un dato adicional llamado descripcion pero no se como

<div className="col-lg-4">
                                <div className="row mx-auto mb-3">
                                    <label className="p-0 my-auto col-sm-6 col-form-label">PROMO CODE</label>
                                    <select onChange={(e) => this.changePromo(e)} className="form-control form-control-sm">
                                        <option value={this.state.promocode}>{this.state.lng["0"]["IndividualReservation"]["btnTab"]}</option>
                                        {this.state.PromoData.map((code) =>
                                            <option key={code.idconf_promocode} value={code.promocode_name} descripcion={code.descripcion}>{code.promocode_name} </option>)
                                        }
                                    </select>
                                </div>
                            </div>

ese es el select y asi trato de enviarlo pero no llega a mi funcion

changePromo = (e) => {
        
            this.state.resevaDirecta.promocode = e.target.value;
            this.state.resevaDirecta.descPromocode = e.target.descripcion;
        
    }

el value lega perfectamente pero descripcion no esta llegando que puedo hacer