reactjs - How to get the id of the selected item from a dropdown list?

Question

I can get the selected item's value (name), but the is an id and url fro each item beside the name. How can I get those?

<select
class = "form-control"
onChange = {
        this.handleSelect
    } >
    {
        allMemesImg.map(item => ( <
            option key = {
                item.id
            } > {
                item.name
            } <
            /option>
        ))
    } 
 </select>




handleSelect = event => {
    this.setState({
        value: event.target.value,
    });
    alert(event.target.value);
}

question from:https://stackoverflow.com/questions/65915424/how-to-get-the-id-of-the-selected-item-from-a-dropdown-list

Answer 1

You need to add value at your option.

handleSelect =(e)=>{
 if (e.target.value !== '') {    
    this.setState({
     value: e.target.value
   })
}
    


<select onChange={this.handleSelect}>
        {allMemesImg.map((item, index) =>
             <option key={index} value={item.id}>
                 {item.name}
             </option>)}
</select>