Estoy intentando obtener el valor (value) de la opción que estoy seleccionando, en un select, para obtener el id y hacer mas cosas después, el problema es que puedo obtener ese valor pero no el texto dentro de la etiqueta Option.
Este es mi parte html para explicarme mejor:
<div className="form-group">
<select
name="material_type"
className="form-control"
onChange={this.handleInput}
>
<option value="11">Papel</option>
<option value="12">Carton</option>
<option value="13">Plastico</option>
<option value="14">Metal</option>
<option value="15">Electronico</option>
</select>
</div>
Puedo obtener el value (es el id que quiero manejar), pero el texto (papel, carton, plastico, etc) no se como obtenerlo.
Este es mi codigo Javascript para obtener el value:
handleInput(e){
const {value, name} = e.target;
console.log(e.target.value, e.target.name);
this.setState({
[name]: value
});
}
El código de arriba me muestra con e.target.value
mi id que quiero, pero no puedo obtener el texto, intenté con e.target.text
pero me aparece indefinido, no se que mas puedo intentar o si tengo otra forma de guardar el id de cada material