Hi Guys,
Right i have a little problem with some javascript, what i am doing is a select box with postcodes in. When you select a postcode and press submit a table appears with the prices. which is fine and works, but what i need it to do is only display the an extra 4th column if the post code is TF.
So below is what i have done but does not work and cannot see why.
Any ideas anyone?Code:<script language="javascript" type="text/javascript"> function FuncShowHide(){ if (document.getElementById('hideShow').style.display == document.getElementById('trX').style.display){ document.getElementById('hideShow').style.display = "none"; } else if (document.getpostcode.postcode == "TF" ){ alert ("test"); document.getElementById('col4').style.display = "block"; } else { document.getElementById('hideShow').style.display = document.getElementById('trX').style.display; document.getElementById('col4').style.display = "none"; } } </script> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td colspan="2"> <form name="getpostcode"> <table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td width="62%"><strong>Please select your postcode from the drop down box:</strong></td> <td width="38%"><select name="postcode"> <option>Please Select</option> <option>AB</option> <option>AL</option> <option>B</option> <option>BA</option> <option>BB</option> <option>BD</option> <option>BH</option> <option>BL</option> <option>BN</option> <option>BR</option> <option>BS</option> <option>BT</option> <option>CA</option> <option>CB</option> <option>CF</option> <option>CH</option> <option>CM</option> <option>CO</option> <option>CR</option> <option>CT</option> <option>CV</option> <option>CW</option> <option>DA</option> <option>DD</option> <option>DE</option> <option>DG</option> <option>DH</option> <option>DL</option> <option>DN</option> <option>DT</option> <option>DY</option> <option>E</option> <option>EC</option> <option>EH</option> <option>EN</option> <option>EX</option> <option>FK</option> <option>FY</option> <option>G</option> <option>GL</option> <option>GU</option> <option>GY</option> <option>GA</option> <option>GD</option> <option>HG</option> <option>HP</option> <option>HR</option> <option>HS</option> <option>HU</option> <option>HX</option> <option>IG</option> <option>IM</option> <option>IP</option> <option>IV</option> <option>JE</option> <option>KA</option> <option>KT</option> <option>KW</option> <option>KY</option> <option>L</option> <option>LA</option> <option>LD</option> <option>LE</option> <option>LL</option> <option>LN</option> <option>LS</option> <option>KLU</option> <option>M</option> <option>MW</option> <option>MK</option> <option>ML</option> <option>N</option> <option>NE</option> <option>NG</option> <option>NN</option> <option>NP</option> <option>NR</option> <option>NW</option> <option>OL</option> <option>OX</option> <option>PA</option> <option>PE</option> <option>PH</option> <option>PL</option> <option>PO</option> <option>PR</option> <option>RG</option> <option>RH</option> <option>RM</option> <option>S</option> <option>SA</option> <option>SE</option> <option>SG</option> <option>SK</option> <option>SL</option> <option>SM</option> <option>SN</option> <option>SO</option> <option>SP</option> <option>SR</option> <option>SS</option> <option>ST</option> <option>SW</option> <option>SY</option> <option>TA</option> <option>TD</option> <option value="TF">TF</option> <option>TN</option> <option>TO</option> <option>TR</option> <option>TS</option> <option>TW</option> <option>UB</option> <option>W</option> <option>WA</option> <option>WC</option> <option>WD</option> <option>WF</option> <option>WN</option> <option>WR</option> <option>WS</option> <option>WV</option> <option>YO</option> <option>ZE</option> </select> </td> </tr> <tr> <td></td> <td id="trX" onClick="FuncShowHide()"><input type="button" value="submit"></td> </tr> </table> </form>
Cheers
RealM


LinkBack URL
About LinkBacks
Reply With Quote
