Is it possible to create a table within a <select> tag?

Question

I'm looking to create a select statement where each option contains quantity and price for an item we're selling. I thought I would create a table where for every row, quantity would be in one , and price would be in the other . I can't seem to get this to work in a select statement. I also tried using tags with a float-right and float-left and this didn't work either. Anyone have any ideas?

Answer 1

You can't do this with plain vanilla HTML. You'll need to grasp Javascript to mimic such a dropdown with help of other HTML elements and a good shot of CSS. You can get here some ideas what's all possible with good JS (actually, jQuery) and CSS code.

Answer 2

You can't do this in plain HTML - you'd have to look at a javascript combo box replacement.

Answer 3

One thing I've done with plain html is to just add the appropriate number of   to line everything up correctly. JavaScript is probably the better way to go though.

Answer 4

As an alternative to the above answers, you could just make the text of the options to make sense as english ..

something like

<select name="..">

<option value="1">1 item for xx price</option>
<option value="2">2 items for xxx price</option>
....
<option value="5">5 item for xxxx price</option>

</select>