How do create multiple columns in a select tag?

Posted on 2005-05-01
Last Modified: 2012-06-27
I need to have multiple columns in a drop down select list. Is this possible? Can you give me an example of how to do this?

I am currently populating my select list with ASP, but I only have one column in the select list and I would like to populate it with a couple more columns from my ASP query or recordset... Any ideas on how to do this?


Question by:JA67
    LVL 13

    Accepted Solution

    Hi Ja67
    You can't do multiple columns in a dropdown in normal HTML, BUT you can make it look similar by spacing the items out (it's not always so pretty, but it does the job, sometimes). The problem is that you don't know how wide the characters are (as each client might be using a different font/font setting) - so you have to "guess" on the spacing or just just a couple of spaces.
    A different possibility would be to use an ActiveX-Control (won't work on Macs / non-IE-Browser) or a Java-Object (kinda over the top for just a drop-down). Also you could use a normal table and let the user pick there (depending on your page layout) or even use two dropdowns (i.e. one for the category, one for the final element).
    Many possibilities :)

    Author Comment


     Hello softplus. Thanks for your response. I was affraid of that...  I will follow up with a separate question.


    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now