Avatar billede krydset Nybegynder
28. juli 2004 - 09:40 Der er 11 kommentarer og
1 løsning

Hvis checkbox er cheked, vis en select

Hejsa. Er der en flink person der vil give et eks. på hvordan man laver flg. i javascript.

Jeg har en form hvor der er en checkbox. hvis den checkbox er krydset af skal der komme en select box frem. og hvis man fjerner krydset igen så skal select box forsvinde igen

Mvh Thomas L.
Avatar billede grunken Nybegynder
28. juli 2004 - 09:47 #1
Sådan her ? :o)

<form>
<select name="sel" style="display:none">
<option>Blabla</option>
<option>Haleluja</option>
</select>
<input type="checkbox" onclick="this.form.sel.style.display=(this.checked)?'inline':'none';">
</form>
Avatar billede krydset Nybegynder
28. juli 2004 - 09:56 #2
Ahhh takker så ligger du osse lige et svar ik :-P

og hvad betyder  inline ?
Avatar billede krydset Nybegynder
28. juli 2004 - 10:04 #3
Hmmm hvorfor virker det her ikke

<tr>
    <td>Ja <input type="checkbox" name="upcoming" onclick="this.form.upcoming_date.style.display=(this.checked)?'inline':'none';"></td>
</tr>
<tr>
    <td>
    <select name="upcoming_date">
        <?php
        //Udskriver datoer frem i tiden
        $i = 0;
        $d = 60;
        for($i = 0; $i < $d; $i++) {
            $now = strtotime("+ $i day");
            ?>
            <option value="<?PHP echo $now; ?>"><?php echo date("d-m-Y"); ?></option>
            <?php
        }
        ?>
    </td>
</tr>
Avatar billede grunken Nybegynder
28. juli 2004 - 10:05 #4
- Inline betyder bare at et element bliver vist på skærmen hvor du har placeret det uden breaks, før og efter :o)

- Hvorimod block netop betyder at der er breaks før & efter et givent element :o)

- læs evt. mere om dem her http://www.w3schools.com/css/pr_class_display.asp

Og hvis du IKKE ønsker at brugeren får en fornemmelse af at designet "bevæger" sig, så kan du i stedet gøre sådan her.

<form>
<select name="sel" style="visibility:hidden;display:block">
<option>Blabla</option>
<option>Haleluja</option>
</select>
<input type="checkbox" onclick="this.form.sel.style.visibility=(this.checked)?'visible':'hidden';" />
</form>

-og velbekomme her er et svar :o)
Avatar billede grunken Nybegynder
28. juli 2004 - 10:07 #5
-er det inde i en form ?
Avatar billede krydset Nybegynder
28. juli 2004 - 10:08 #6
Ja det er inde i en form ?
Avatar billede krydset Nybegynder
28. juli 2004 - 10:09 #7
select er fremme ved sidens load. nå jeg så krydser af en gang sker der intet, nå jeg så fjerner krydset så forsvinder select osse
Avatar billede grunken Nybegynder
28. juli 2004 - 10:10 #8
aha :o)

din select skal jo se sådan ud !

<select style="display:none">
Avatar billede grunken Nybegynder
28. juli 2004 - 10:11 #9
eller

<select name="upcoming_date" style="display:none">

-for at få det hele med :o)
Avatar billede grunken Nybegynder
28. juli 2004 - 10:11 #10
...
Avatar billede krydset Nybegynder
28. juli 2004 - 10:13 #11
HAHA Jeps en lille fejl fra mig :-P

Takker endnu en gang
Avatar billede grunken Nybegynder
28. juli 2004 - 10:16 #12
Så lidt :o)

-og tak for points!
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester