Normally HTML Select option only can display one column data only. But if we want display more then one column as below and how we can do it?
The answer is, default HTML Select Option is cannot do it.
To built multiple column Select Option, we need use javascript and css to complete this advanced Select Option.
Why we need javascript and css? Because we need no use HTML select option anymore. We built it with input box plus the table and then hide the table with CSS, when the user click the input box javascript will take the action to display the table at below to let it like a select option.
Let’s see the DEMO how does it work.