/    Sign up×
Community /Pin to ProfileBookmark

NEED HELP!?
how can I make a list menu appear when I select an option from a drop down list or menu??? Note: it appears automatically next the previous one or where ever we want!

to post a comment
JavaScript

6 Comments(s)

Copy linkTweet thisAlerts:
@tirnaJul 09.2010 — One way to do it is to put an onchange event handler on the select list that runs a function when a certain select option is selected.

The function then changes the display style of the list menu container from none to block or the visibility style from hidden to visible.
Copy linkTweet thisAlerts:
@design_engauthorJul 09.2010 — @trina, I am new to javascript tips, if u could make an example of that!

I appreciate that. ?
Copy linkTweet thisAlerts:
@tirnaJul 10.2010 — Is this for some kind of school project/assignment or "real life" application?

If you post the code you have so far then maybe I or someone else can try to help.
Copy linkTweet thisAlerts:
@design_engauthorJul 10.2010 — this is the code! so, when I select vegterian_food the another menu with name=vegterian_food appears next the main one "food_types"

<form id="form1" name="form1" method="post" action="">

<select name="food_types">

<option>sea_food</option>

<option>vegterian_food</option>

<option>any_food</option>

<option>any01_food</option>

</select>

<select name="vegterian_food" id="vegterian_food">

<option>salad</option>

<option>fish</option>

<option>choice_00</option>

<option>choice_01</option>

</select>

</label>

<select name="sea_food" id="sea_food">

<option>choice_01</option>

<option>choice_02</option>

<option>choice_03</option>

<option>choice_04</option>

</select>
Copy linkTweet thisAlerts:
@tirnaJul 11.2010 — 
Is this for some kind of school project/assignment or "real life" application?
[/QUOTE]


You didn't anwer the above question, so I suspect your query is most probably some kind of school assignment and you're looking for someone to do it for you.

I described generally how I would do it.

Hopefully someone else will come along to actually write the code if that is what you want. Otherwise there are lots of examples on the www on how to do it.
Copy linkTweet thisAlerts:
@design_engauthorJul 11.2010 — Sorry, for not answering. It is a real life application!
×

Success!

Help @design_eng spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...