Can I pass object of data in select option

Question

Can I pass object of data in select option ?

I'm displaying name in select option & I'm using ID in value.

After some option is selected, I want to display the selected option. Since the value is ID, I can't display name.

How can I solve this?

This is my code:

{
 Makes.hasData ?
   (_.map(Makes.data.data, (make, index) => {
       return (
             <option key={index} value={make.id}> {make.make}</option>
         );
     }))
    : ''
}

Thank You

Shubham Khatri · Accepted Answer · 2017-05-09 13:05:44Z

1

On your select option you will have onChange in that you can search in the array for the obejct with a given id using lodash's find method

handleChange(e) {
    var id=e.target.value
    var value = _.result(_.find(Makes.data.data, function(obj) {
         return obj.id=== id;
     }), 'make');
    console.log(value)
}

answered May 9, 2017 at 13:05

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can I pass object of data in select option

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related