Need help with drop down menues in html forms???

Discussion in 'HTML & Website Design' started by tkd_kid1, Aug 8, 2009.

0
  1. #1
    Hey all in building my online company I need help in a drop down menu.

    What I would like to do is when a customer chooses a selection from the drop down menu, that it would automatically bring up additional choices on the same page. Am I looking to possibly do that in Flash or Java Script or can it be done in HTML??

    Here is what I'm working on

    http://www.advertisethisglobally.com/orderform.html
     
    tkd_kid1, Aug 8, 2009 IP
  2. abmathur

    abmathur Member

    Messages:
    211
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    30
    #2
    Just some quick code not tested though.

    <!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>
<title>abmathur@digitalpoint</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	font-family: tahoma;
	font-size: 11px;
	color: #CCCCCC;
	background-color: #202020;
}

select {
	background-color: #CCCCCC;
	padding: 4px;
	color: #666666;
}

.hidden {
	display: none;
}
-->
</style>
<script type="text/javascript">
function show(id, type)
{
    var o = document.getElementById(id);
    if (o)
        o.style.display = type || '';
}
</script>
</head>
<body>
<!-- MAIN DROP DOWN MENU -->
<form name="country">
  <select name="country" onChange="MM_jumpMenu('parent',this,0)">
    <option>Choose Country</option>
    <option onClick="javascript:show('usa','inline');">United States of America</option>
    <option onClick="javascript:show('uk','inline');">United Kingdom</option>
  </select>

<!-- ADDITIONAL MENUS -->
  <select name="usa" id="usa" class="hidden">
    <option>Choose City</option>
    <option>New York</option>
    <option>Chicago</option>
	<option>San Francisco</option>
  </select>
  
  <select name="uk" id="uk" class="hidden">
    <option>Choose City</option>
    <option>London</option>
    <option>Manchester</option>
	<option>Liverpool</option>
  </select>
</form>

</body>
</html>
    Code (markup):
    Hope it helps. Good luck.
     
    abmathur, Aug 8, 2009 IP
  3. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Didn't get what you're talking of. A selection, or a multi-level dropdown menu?

    If lattor, check this link,
    http://www.cssplay.co.uk/menus/final_drop.html
    Code (markup):
    otherwise abmathur had given you the answer.
     
    myst_dg, Aug 8, 2009 IP