Other field required when selected in drop down

[johnwboyd]

I am having trouble to get this other field for "dialer" to be required when the user selects other. Ideally I'd like this field hidden until they select other.

The HTML:

http://www.globalvoipmobile.com/order_low_rate_us_canada_uk_australia_worldwide_voip.php

The javascript:

http://www.globalvoipmobile.com/voip.js

Thanks in advance.

[something else]

function otherVisability(dialer)
{
        if(dialer=='Other')
        {
             document.getElementById('dialer_other').style.visibility = 'visible';
        }
        else
        {
            document.getElementById('dialer_other').style.visibility = 'hidden';
        }
} 

usage:

<select name="dialer" onchange="otherVisability(this.value);"> 

and style for other:

<input name="dialer_other" style="visibility: hidden" type="text" id="dialer_other" value="" size="20"> 

[johnwboyd]

Order Low Rate U.S. VoIP, Canada VoIP, UK VoIP, Australia VoIP, & DID From Global VoIP Mobile.com :: Low Rate VoIP & DID for Call Centers :: Voice Minutes :: Voice Over Internet Protocol :: Voice Termination :: Voice Route :: SIP :: SIP Termination : It didn't work.... something wrong?

[something else]

try it like this:

function otherVisability()
{
        var dialer = document.getElementById('dialer').value;

        if(dialer=='Other')
        {
             document.getElementById('dialer_other').style.visibility = 'visible';
        }
        else
        {
             document.getElementById('dialer_other').style.visibility = 'hidden';
        }
} 

and usage:

<select name="dialer" onchange="otherVisability();"> 

and same style as before

[johnwboyd]

Still doesn't work. Are you testing before posting?

[something else]

sorry "dialer-other" is spelt incorrectly it should be "dialer_other"

I will edit both of the above posts either should work fine