Avanceret SELECT-Box

Dette skulle gerne virke:

<html>
<head>
    <title>Untitled</title>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--

function changeStuff(choice) {

    if (choice == \'email\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Email: <input type=\"Text\" name=\"Email\">\';
    } else if (choice == \'telefon\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Telefon: <input type=\"Text\" name=\"Tlf\">\';
    } else if (choice == \'fax\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Fax: <input type=\"Text\" name=\"Fax\">\';
    }
}

//-->
</SCRIPT>   
   
</head>

<body>
<form>
<SELECT onChange=\"changeStuff(this.options[this.selectedIndex].value);\">
    <option>
  <OPTION VALUE=\"email\">E-mail</OPTION>
  <OPTION VALUE=\"telefon\">Telefon</OPTION>
  <OPTION VALUE=\"fax\">Fax</OPTION>
</SELECT>
<div id=\"dynfield\"></div>

<br>
<input type=\"submit\" value=\"3232\">

</form>


</body>
</html>


Mvh
Jesper

<ole>
Skal det hverken fungere i NS4 eller NS6? :)
/mvh
</bole>

olebole>> Sikkert til et admin interface. :-)

/Jesper

olebole >> det skal bare virke i IE4!

dudal >> det er fint, men hvad så hvis at jeg nu vil have et felt der hedder etellerandet, og når man trykker på det så forsvinder INPUT feltet igen, altså sådan her:

<SELECT>
  <OPTION VALUE=\"etellerandet\">etellerandet</OPTION>
  <OPTION VALUE=\"email\">E-mail</OPTION>
  <OPTION VALUE=\"telefon\">Telefon</OPTION>
  <OPTION VALUE=\"fax\">Fax</OPTION>
</SELECT>

Hvad skal jeg så tilføje.

<OPTION VALUE=\"\">etellerandet</OPTION>

Næhhhh:

function changeStuff(choice) {

    if (choice == \'email\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Email: <input type=\"Text\" name=\"Email\">\';
    } else if (choice == \'telefon\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Telefon: <input type=\"Text\" name=\"Tlf\">\';
    } else if (choice == \'fax\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Fax: <input type=\"Text\" name=\"Fax\">\';
    } else if (choice == \'slet\') {
        document.all[\'dynfield\'].innerHTML = \'\';
    }
}

også denne option ekstra:

<OPTION VALUE=\"slet\">etellerandet</OPTION>