Søg
Avatar billede dd-man Nybegynder
09. september 2002 - 00:19 Der er 12 kommentarer og
1 løsning

Hvordan laver man OnClick = vis 2 ekstra input felter?

Hejsa,

Jeg vil spørge om hvordan det er muligt at lave eks. en:

<select name="valg">
  <option value="saelges" SELECTED>Sælges</option>
  <option value="koebes">Købes</option>
</select>

- og hvis man så vælger "Købes", så kommer der noget ekstra frem i tabellen, eks.:

<input type="text" name="navn" class="form">
<input type="text" name="navn2" class="form">

Jeg ved det er muligt, da jeg har set det før, og mener det er i Javascript, så det er bare at spørge om det :)

Håber point er fine nok :)
Avatar billede dd-man Nybegynder
09. september 2002 - 00:19 #1
Gør heller ikke noget, hvis "valg" er:

radiobutton eller checkbox's
Avatar billede nikolajdu Nybegynder
09. september 2002 - 00:25 #2
Formfelter er en af den slags ting der ikke er nemme at gemme. Det her virker kun i IE.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script>
   
    function visFelter(hvad){
    if(hvad=="koebes"){
    document.getElementById('navn').style.display = "block"
    document.getElementById('navn2').style.display = "block"
    }else{
    document.getElementById('navn').style.display = "none"
    document.getElementById('navn2').style.display = "none"
    }
}
   
    </script>
</head>

<body>
<form name="f">
<select name="valg" onchange="visFelter(this.options[this.selectedIndex].value)">
  <option value="saelges" SELECTED>Sælges</option>
  <option value="koebes">Købes</option>
</select>

- og hvis man så vælger "Købes", så kommer der noget ekstra frem i tabellen, eks.:

<input type="text" name="navn" class="form" style="display:none">
<input type="text" name="navn2" class="form" style="display:none">

</form>
</body>
</html>

/Nikolaj
Avatar billede dd-man Nybegynder
09. september 2002 - 00:25 #3
Vil faktisk helst have hvis det var radiobuttons :)
Avatar billede dd-man Nybegynder
09. september 2002 - 00:26 #4
Jeg tjekker lige..
Avatar billede nikolajdu Nybegynder
09. september 2002 - 00:27 #5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script>
   
    function visFelter(hvad){
    if(hvad=="koebes"){
    document.getElementById('navn').style.display = "block"
    document.getElementById('navn2').style.display = "block"
    }else{
    document.getElementById('navn').style.display = "none"
    document.getElementById('navn2').style.display = "none"
    }
}
   
    </script>
</head>

<body>
<form name="f">
<input type="radio" name="knap1" onclick="visFelter('koebes')">Vis
<input type="radio" name="knap1" onclick="visFelter('-')">Skjul

<input type="text" name="navn" class="form" style="display:none">
<input type="text" name="navn2" class="form" style="display:none">

</form>
</body>
</html>
Avatar billede dd-man Nybegynder
09. september 2002 - 00:28 #6
Cool, sejt...Jeg skal lige prøve at lægge det ind på min side, så får du point.

Hvad hvis jeg også vil lave tabeller frem?

eks.:

<tr><td>
<input bla bla..>
</td></tr>
?
Avatar billede nikolajdu Nybegynder
09. september 2002 - 00:35 #7
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script>
   
    function visFelter(hvad){
    if(hvad=="koebes"){
    document.getElementById('skjulteFelter').style.display = "block"
    }else{
    document.getElementById('skjulteFelter').style.display = "none"

    }
}
   
    </script>
</head>

<body>
<form name="f" style="display:inline">
<table>
<tr>
<td><input type="radio" name="knap1" onclick="visFelter('koebes')">Vis</td>
<td><input type="radio" name="knap1" onclick="visFelter('-')">Skjul</td>
</tr>
<tr>
<td>
<div id="skjulteFelter" style="position:absolute;display:none">
<input type="text" name="navn" class="form">
<input type="text" name="navn2" class="form">
</div>
</td>
</tr>
</table>

</form>
</body>
</html>

/Nikolaj
Avatar billede dd-man Nybegynder
09. september 2002 - 00:53 #8
Jeg har prøvet med:

<tr>
    <td style="border-bottom: 1px Dotted Black;">
        <div id="skjulteFelter" style="display:none">
        <strong><font face="Verdana" size="2">Kilometer :</font><font size="1"> (eks. 120.000)</font></strong>
        </div>
    </td>
    <td>
    <div id="skjulteFelter" style="display:none">
    <input type="text" name="km" maxlength="10" class="form">
    </div>
    </td>
</tr>
<tr>
    <td style="border-bottom: 1px Dotted Black;">
    <div id="skjulteFelter" style="display:none">
    <strong><font face="Verdana" size="2">Pris:</font><font size="1"> (eks. 250.000)</font></strong>
    </div>
    </td>
    <td>
    <div id="skjulteFelter" style="display:none">
    <input type="text" name="kr" maxlength="10" class="form">
    </div>
    </td>
</tr>

Men det virker kun på den aller første... hvorfor? Jeg har brugt den metode du nævner.
Avatar billede nikolajdu Nybegynder
09. september 2002 - 00:55 #9
Du kan ikke have flere ens ID´er, så skal du bruge :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
        <script>
   
    function visFelter(hvad){
    if(hvad=="koebes"){
    document.getElementById('skjulteFelter1').style.display = "block"
    document.getElementById('skjulteFelter2').style.display = "block"
    document.getElementById('skjulteFelter3').style.display = "block"
    }else{
    document.getElementById('skjulteFelter1').style.display = "none"
    document.getElementById('skjulteFelter2').style.display = "none"
    document.getElementById('skjulteFelter3').style.display = "none"

    }
}
   
    </script>
</head>

<body>
<form name="f" style="display:inline">
<table>
<tr>
<td><input type="radio" name="knap1" onclick="visFelter('koebes')">Vis</td>
<td><input type="radio" name="knap1" onclick="visFelter('-')">Skjul</td>
</tr>
<tr>
    <td style="border-bottom: 1px Dotted Black;">
        <div id="skjulteFelter" style="display:none">
        <strong><font face="Verdana" size="2">Kilometer :</font><font size="1"> (eks. 120.000)</font></strong>
        </div>
    </td>
    <td>
    <div id="skjulteFelter1" style="display:none">
    <input type="text" name="km" maxlength="10" class="form">
    </div>
    </td>
</tr>
<tr>
    <td style="border-bottom: 1px Dotted Black;">
    <div id="skjulteFelter2" style="display:none">
    <strong><font face="Verdana" size="2">Pris:</font><font size="1"> (eks. 250.000)</font></strong>
    </div>
    </td>
    <td>
    <div id="skjulteFelter3" style="display:none">
    <input type="text" name="kr" maxlength="10" class="form">
    </div>
    </td>
</tr>
</table>

</form>

</body>
</html>
Avatar billede dd-man Nybegynder
09. september 2002 - 01:26 #10
Mange tak! For sejt... der er sku muligheder med det script :)

Du får lige 50 point ekstra :)
Avatar billede nikolajdu Nybegynder
09. september 2002 - 01:27 #11
Nej tak - Behold du bare de 50 :))
Avatar billede nikolajdu Nybegynder
09. september 2002 - 01:27 #12
ok godt så :)
Avatar billede dd-man Nybegynder
09. september 2002 - 01:29 #13
Hehe ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
I går 17:00 Film Server Af dcedata1977 i Andet software
I går 12:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
12/0913:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
White papers
Flere white papers »