Solved

To hide select box and filter

Posted on 2011-09-12
4
317 Views
Last Modified: 2012-05-12
Hi,

I need to have the select box for the city and the filter choices to be hiden and
when the user select a state it should appear with the cities that are in the selected state.

http://www.churchesbulletin.com/

The select church should be hidden unless the user select a city.

Please, take a look at my site

how can I first set the Select city dropdown box to hidden and when the user select a state to be visible I need to the same thing with city and church

http://www.churchesbulletin.com/

Thanks,
lulu
0
Comment
Question by:lulu50
  • 2
4 Comments
 
LVL 32

Accepted Solution

by:
Big Monty earned 250 total points
ID: 36523888
for populating the dropdowns based upon the selection, check out:

http://www.weberdev.com/get_example.php3?ExampleID=4505

for changing the visibility, just surround the select box with a div tag, set its visibility to hidden, then in the onchange event for the first dropdown, change its visibility to visible
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36523917
0
 
LVL 82

Assisted Solution

by:leakim971
leakim971 earned 250 total points
ID: 36523951
you may use css to hide the city list by default :


#GetCity {
   visibility:hidden;
}

with : <select id="GetCity" name="GetCity" ...

in the callback of your ajax call (currently this may not be clear for you, just take your time to read the links provided) you unhide the list with :
document.getElementByid("getCity").style.visibility = "visible";
0
 

Author Closing Comment

by:lulu50
ID: 36524251
Thank you
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now