1 Reply Latest reply on Feb 15, 2010 4:58 PM by Nancy OShea

    Creating interactive Forms

    Leonel Torres

      Ok, so heres my situation. I have a form that i have created for a nightclub. Everything works fine, however they want to add a list of liquors to a drop down list. My problem is the list is so long i figured id organized it by types of liquor, rum, vodka, whiskey etc. however i have to list the brands of liquor after they choose the kind of liquor they want. My question is when they choose Tequila, how do i make a new drop down list appear next to the first list with a list of different tequilas they have? I would have to make a new list appear for each different liquor they select.

        • 1. Re: Creating interactive Forms
          Nancy OShea Adobe Community Professional & MVP

          How about a styled drop-list like this:

          CSS-drop-list.gif

           

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <title>Form Drop-List</title>
          <style type="text/css">
          option.liquor {background-color: #000099; font-weight: bold; font-size: 14px; color: white;}
          option.brand {background-color: #DFFFDF;}
          </style>
          </head>
          <body>
          <form action="">
          <select name="Liquor" size="15">
          <option class="liquor">RUM</option>
          <option class="brand" value="baccardi">--Baccardi</option>
          <option class="brand" value="151">--Baccardi 151</option>
          <option class="brand" value="cruzan">--Cruzan</option>
          <option class="brand" value="Pyrat">--Pyrat</option>
          <option class="liquor">SCOTCH WHISKEY</option>
          <option class="brand" value="dewars-white">--Dewar's White Label</option>
          <option class="brand" value="dewars-12">--Dewar's 12 Yr.</option>
          <option class="brand" value="dewars-18">--Dewar's 18 Yr.</option>
          <option class="brand" value="dewars-sig">--Dewar's Signature</option>
          <option class="brand" value="daniels">--Jack Daniel's</option>
          <option class="brand" value="jameson">--Jameson</option>
          <option class="brand" value="beam-white">--Jim Beam White Label</option>
          <option class="brand" value="walker-red">--Johnny Walker Red Label</option>
          <option class="brand" value="walker-black">--Johnny Walker Black Label</option>
          <option class="brand" value="walker-blue">--Johnny Walker Blue Label</option>
          <option class="brand" value="seagrams-7">--Seagrams 7 Crown</option>
          <option class="liquor">GIN</option>
          <option class="brand" value="beefeater">--Beefeater</option>
          <option class="brand" value="sapphire">--Bombay Sapphire</option>
          <option class="brand" value="gilbeys">--Gilbey's</option>
          <option class="brand" value="gordons">--Gordon's</option>
          <option class="brand" value="seagrams">--Seagrams</option>
          <option class="brand" value="tanqueray">--Tanqueray</option>
          </select>
          </form>
          </body>
          </html>
          
          

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists
          www.alt-web.com/
          www.twitter.com/altweb
          www.alt-web.blogspot.com