drop down menus

Hi I'm trying to implement Drop Down menus in my webpage. I have never done that can somebody point me to the resources or i appreciate any sample code

Thanks
LVL 1
soft_techyAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

ho_alanCommented:
http://www.htmlcodetutorial.com/forms/_SELECT.html

<select name=sel1>
<option value=1>1
<option value=2>2
</select>

you want to implement which javascript functions or not?
0
GwynforWebCommented:
soft_techy,
   Here is a small example illustrating many of the features of the select box, eg such as the value does not have be the same as the displayed text for the selection, how the value of the selected option can be accessed, how a change of selection can be detected and how a 'NULL"' entry can be useful for seeing if an item has actually been selected. By default the first entry is the option shown you can choose one by using selected like so <option value="3" selected>Prof</option> which would show Prof as the initial selection.

<form method="get" name="f1" >
  <select name="sbox"  onchange="document.SeeValue.value=document.f1.sbox.value">
    <option value="NULL">Select Title</option>
    <option value="1">Ms</option>
    <option value="2">Dr</option>
    <option value="Prof">Prof</option>
  </select>
<input type="text" name="SeeValue">
</form>
0
GwynforWebCommented:
I am sorry I posted the wrong version this is it (see if you can spot why the above does not work :-)  )

<form method="get" name="f1" >
  <select name="sbox"   onchange="document.f1.SeeValue.value=document.f1.sbox.value">
    <option value="NULL">Select Title</option>
    <option value="1">Ms</option>
    <option value="2">Dr</option>
    <option value="3">Prof</option>
  </select>
<input type="text" name="SeeValue">
</form>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

seanpowellCommented:
Here's a link to a drop-down menu that you can use - it's very simple to incorprate:
http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm
0
techiebabeCommented:
You can also try :
http://www.dhtmlcentral.com/ many examples and different menus (top menus, side menus)

http://www.webreference.com/dhtml/
but these are not free...dpending on what your purpose is, there may be a fee, but i will admit, they do offer great support, and code updates on a regular basis.
0
mailBoy2Commented:
I find looking at other sites a good way to learn - if they do something you like you can view the source of the page (right mouse click on hte html page then click View Source).
This way if you like something you can copy the whole page source and rip out the bits you like. Of course this is just a good way to get ideas / examples of how do stuff.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.