Hi! I have this page with two drop down lists showing trips. Depending on which trip is chosen another drop down list appears showing the dates for that trip. However, I have come accross two problems.
1. Can anyone tell me how to get the code to work in Netscape?
2. When I select a trip from the first box, I get the date drop down list. But when I select another trip in that box or the second box, the first date drop down is not cleared and the new drop down is just set over it.
Here is a page example:
http://www.lahddah.com/test/hide_show.htm
Here's the script - (it's long, but I don't know how to make it shorter)
----
function whatTripSelected(){
var selectValDom = document.forms['trip_table'].elements['tripDom'].options;
var selectValInt = document.forms['trip_table'].elements['tripInt'].options;
if (selectValDom.value == 'Salmon River Whitewater Adventure') {
document.getElementById('salmon_table').style.visi bility='visible';
//document.getElementById('chpaytype_table').style.v isibility='hidden';
}else{
document.getElementById('salmon_table').style.visi bility='hidden';
}
if (selectValDom.value == 'Snake River Whitewater Adventure') {
document.getElementById('snake_table').style.visib ility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('snake_table').style.visib ility='hidden';
}
if (selectValDom.value == 'Owyhee River Whitewater Expedition') {
document.getElementById('owyhee_table').style.visi bility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('owyhee_table').style.visi bility='hidden';
}
if (selectValDom.value == 'Weekend Rafting Getaway') {
document.getElementById('weekend_table').style.vis ibility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('weekend_table').style.vis ibility='hidden';
}
if (selectValDom.value == 'Multi-Sport Adventures in Idaho') {
document.getElementById('multi_table').style.visib ility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('multi_table').style.visib ility='hidden';
}
if (selectValDom.value == 'Steelhead Fishing Adventure') {
document.getElementById('steel_table').style.visib ility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('steel_table').style.visib ility='hidden';
}
if (selectValDom.value == 'Exploring the Outdoors of Idaho') {
document.getElementById('explore_table').style.vis ibility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('explore_table').style.vis ibility='hidden';
}
if (selectValInt.value == 'Adventures in Costa Rica') {
document.getElementById('costa_table').style.visib ility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('costa_table').style.visib ility='hidden';
}
if (selectValInt.value == 'Sea Kayaking in Baja') {
document.getElementById('baja_table').style.visibi lity='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('baja_table').style.visibi lity='hidden';
}
if (selectValInt.value == 'Multi-Sport Adventures in Baja') {
document.getElementById('multi2_table').style.visi bility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('multi2_table').style.visi bility='hidden';
}
if (selectValInt.value == 'Galapagos Islands Wildlife Cruise') {
document.getElementById('galapagos_table').style.v isibility='visible';
//document.getElementById('chpaytype_table').style.v isibility='visible';
}else{
document.getElementById('galapagos_table').style.v isibility='hidden';
}
}
------------
Thank you!
Submit Your Article
Forum Rules

Reply With Quote
