insert Separator in drop-down Select?

Discussion in 'Customization & add-ons' started by vinny, Apr 23, 2007.

  1. vinny

    vinny New Member

    Joined:
    Mar 24, 2007
    Messages:
    12
    Hi aMembers!

    I have a Product List with A LOT of products. I was wondering if anyone knew a clever way to insert a Separator Line to organize products?

    Example Dropdown:

    ** Select Product **
    Hosting 1-Year ($100)
    Hosting 2-Year ($200)
    Hosting 3-Year ($300)
    -------------------------- <--Separator
    Design 40-Hours ($100)
    Design 80-Hours ($200)
    -------------------------- <--Separator
    Consult 40-Hours ($100)
    Consult 80-Hours ($200)


    Thank you!
  2. joe_asto2

    joe_asto2 New Member

    Joined:
    Aug 22, 2006
    Messages:
    68
    This is the best way to do it:

    Code:
    <select>
    <optgroup label="Hosting Services">
    <option value="1.year.hosting">Hosting 1-Year ($100)</option>
    <option value="2.year.hosting">Hosting 2-Year ($200)</option>
    <option value="3.year.hosting">Hosting 3-Year ($300)</option>
    </optgroup>
    <optgroup label="Design Services">
    <option value="40.hours.design">Design 40-Hours ($100)</option>
    <option value="80.hours.design">Design 80-Hours ($200)</option>
    </optgroup>
    </select>
    
    etc...

    You will then need to use css to style the label differently to the other options.

    May I ask why you are offering web design / consultancy services when you don't know basic html?
  3. alex

    alex aMember Pro Customer Staff Member

    Joined:
    Jan 24, 2004
    Messages:
    6,021
    There currently are no ways to do that, but it can be done as quick customization.

Share This Page