Dynamisk visning af formelementer

Jeg har lavet flg. kode:


<script language=\"JavaScript\" type=\"text/javascript\">
function opdater() {
if (document.frm1.choice.selectedIndex == \"1\") {

  document.frm1.dropdown.style.visibility = \"hidden\";
  document.frm1.tekst.style.visibility = \"inherit\";
} else {

  document.frm1.dropdown.style.visibility = \"inherit\";
  document.frm1.tekst.style.visibility = \"hidden\";
}
}
</script>



<form action=\"./\" name=\"frm1\" id=\"frm1\">

<select name=\"choice\" onChange=\"java script:opdater()\">
    <option value=\"1\" SELECTED>Internt</option>
    <option value=\"2\">Externt</option>
</select>

<select name=\"dropdown\">
    <option value=\"1\" SELECTED>1</option>
    <option value=\"2\">2</option>
    <option value=\"3\">3</option>
    <option value=\"4\">4</option>
</select>

<input type=\"text\" name=\"tekst\" value=\"http://\">
</form>

<script language=\"JavaScript\" type=\"text/javascript\">
document.frm1.tekst.style.visibility = \"hidden\";
</script>

Nu er problemet at jeg gerne vil have tekstfeltet til at stå der hvor selectboxen ligger. Er der ikke lige en der kan fixe det ?