dropdwon med show/hide layer

Hej!!

Nedenstående kode virker kun i explorer er der nogen der kan få det til at virke i netscape?

Når man klikker på [other] i dropdown boxen vises et input felt.


<html>
<head>
    <title>Untitled</title>
    <script>
    var ie4 = (document.all) ? 1 : 0;

function draw() {
    var html, box;
   
    box = \'Other <input type=\"text\" name=\"otherfield\" size=\"10\" maxlength=\"50\">\';
    if (ie4)
    {
        html  = \'<div id=\"extrabox\" style=\"display=none;\">\';
        html += box;
        html += \'</div>\';
    } else
        html = box;

    document.write(html);
}

function hide( name ) {
    if (ie4)
        document.all[name].style.display = \'none\';
}

function show( name ) {
    if (ie4)
        document.all[name].style.display = \'\';
}

function Showbox( sel, target )
{
    if(sel.options[sel.selectedIndex].value == target)
        show(\"extrabox\");
    else
        hide(\"extrabox\");
}
    </script>
</head>
<body>
<form action=\"#\" method=\"post\" name=\"test\" id=\"test\">
<table cellspacing=\"2\" cellpadding=\"2\" border=\"0\">
    <tr>
        <td>
        <select name=\"Dropbox\" size=\"1\"  onChange=\'Showbox( this, \"4\")\'>
        <option value=\"1\" SELECTED>One</option>
        <option value=\"2\">Two</option>
        <option value=\"3\">Tree</option>
        <option value=\"4\">Other</option>
        </select>
        </td>
       
        <td>   
        <script language=\"JavaScript\">draw();</script>
       
        </td>
    </tr>
</table>
</form>


</body>
</html>