asked on

easy css problem

hi im trying to show an other box when a user selects other form the list box.. this doesnt work any help would be greatly appreciated..

<td width="289" align="left" valign="middle"><select name="referrer">
<option value="Yellow Pages On-Line" onClick="document.getElementById('hideother').style.display='none';">Yellow Pages On-Line</option>
<option value="Yellow Pages" onClick="document.getElementById('hideother').style.display='none';">Yellow Pages</option>
<option value="Referred by a friend" onClick="document.getElementById('hideother').style.display='none';">Referred by a friend</option>
<option value="Referred by a colleague" onClick="document.getElementById('hideother').style.display='none';">Referred by a colleague</option>
<option onClick="document.getElementById('hideother').style.display='';">Search Engine</option>
<option onClick="document.getElementById('hideother').style.display='';">Magazine</option>
<option value="Trade Show">Trade Show</option>
<option onClick="document.getElementById('hideother').style.display='';">Other</option>
</select></td><td id="hideother" style="display: none;"><input type="text" name="referrer" size="20"></td>

ASKER CERTIFIED SOLUTION

monolith_888

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

chizzy60

ASKER

i ended up working it out similar to that.. but i had to make the display set to block to work on ie. and safari

thanks