I have a Javascript function to display a different <form> each time a drop down box is clicked. All forms are set to display: none but when one of the options in the drop down box is clicked, one appears. If another is clicked, the current one appearing disappears and the new one appears. It works fine in Firefox but not in Internet Explorer 6 or 7 and I don't know why. My code is as follows:
Code:
function showm(ob,ob2,ob3) {
document.getElementById(ob).style.display = 'block'
document.getElementById(ob2).style.display = 'none'
document.getElementById(ob3).style.display = 'none'
}
HTML Code:
<form id="form1" name="form1" method="post" action="">
<select name="changer" id="changer">
<option value="" selected="selected">Please select your delivery area</option>
<option value="SWD S09 UK" onclick="showm('swd_s09_uk','swd_s09_eu','swd_s09_rw')">United Kingdom</option>
<option value="SWD S09 EU" onclick="showm('swd_s09_eu','swd_s09_uk','swd_s09_rw')">Europe</option>
<option value="SWD S09 RW" onclick="showm('swd_s09_rw','swd_s09_uk','swd_s09_eu')">Rest of World</option>
</select>
</form>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="swd_s09_uk" style="display:none;">
Paypal button
</form>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="swd_s09_eu" style="display:none;">
Paypal button
</form>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="swd_s09_rw" style="display:none;">
Paypal button
</form>
|
