Make html controls visible through javascript

<select name="selReferral" id="selReferral" onchange='javascript:desconchange();'>
                        <option value="Best in Texas music magazine">Best in Texas music magazine</option>
                        <option value="Event">Event</option>
                        <option value="Radio">Radio</option>
                        <option value="Social Media">Social Media</option>
                        <option value="Other">Other</option>
                     </select>
                    </p>
                    <p>
                    <br/>
                    <input type="text" id="other" name="other" style="visibility:hidden;width:210">
                    </p>
                    <script language="javascript">
                   
                    function desconchange()
{

if (document.getElementById("selReferral").value == "Other")
{
       document.getElementById("other").style.visibility='visible';
}
else
document.getElementById("other").style.visibility='hidden';
}
 </script>