Avatar billede ankersan Nybegynder
04. juli 2002 - 11:20 Der er 6 kommentarer og
1 løsning

checkbox der aktiverer dropdown

Jeg vil gerne lave en checkboks der "tænder/slukker" for 3 forskellige dropdowns.

Det starter med at mine dropdowns er til at vælge i, men ved at sætte hak i checkboksen inaktiveres de (kan ikke vælges, og hvis hakket fjernes er de aktive igen!)

FX. man kan udfylde dato i dropdowns (dag, måned, år), eller vælge idag (i så fald bliver mine dropdowns inaktive (evt. udfyldte tal bliver grå eller forsvinder alt efter hvad der er lettest)

Håber i kan hjælpe
VH
.Ankersan
Avatar billede senj Nybegynder
04. juli 2002 - 11:26 #1
Her er lidt eks. som kan løse dit problem:

<html>
<head>
</head>
<body>
<script>
function enable()
{
    document.minform.Radio1.disabled=false;
    document.minform.Radio1.checked=true;
    document.minform.Radio2.disabled=false;
    document.minform.m1.disabled=true;
}
function enable1()
{
    document.minform.Radio1.disabled=true;
    document.minform.Radio1.checked=false;
    document.minform.Radio2.disabled=true;
    document.minform.m1.disabled=false;
}
</script>
<form name = "minform">
<input type="checkbox" name="check" value="" onclick="java script:enable();">
<input type="radio" name="Radio1" value="" disabled>
<input type="radio" name="Radio2" value="" disabled onclick="java script:enable1();">

<select name="m1" size="2">
  <option>&nbsp;valg 1&nbsp;</option>
  <option>&nbsp;valg 2&nbsp;</option>
  <option>&nbsp;valg 3&nbsp;</option>
  <option>&nbsp;valg 4&nbsp;</option>
  <option>&nbsp;valg 5&nbsp;</option>
</select>
</form>
</body>
</html>
Avatar billede kjoller Nybegynder
04. juli 2002 - 11:29 #2
<script>
function aktiver_felt(form_, felt_){
    document.forms[form_].elements[felt_].disabled=!document.forms[form_].elements[felt_].disabled
}

</script>


            <form action="" method="post" name="form">
            <input type="Checkbox" name="today" onclick="aktiver_felt('form','firma');"></td>
                </tr>
                <tr>
                    <td>Dato</td>
                    <td><select name="firma" disabled>
                        <option value=""  > 2002-01-01</option>
                        </select></td>
                </tr>
            </table>
           
            </form>
Avatar billede kjoller Nybegynder
04. juli 2002 - 11:30 #3
Hov der mangler lige nogle table tags i koden.
Avatar billede kjoller Nybegynder
04. juli 2002 - 11:32 #4
her er den lidt mere korrekt:

<script>
function aktiver_felt(form_, felt_){
    document.forms[form_].elements[felt_].disabled=!document.forms[form_].elements[felt_].disabled
}

</script>
<form action="" method="post" name="form">
<table>
    <tr>
        <td>Idag</td>
        <td><input type="Checkbox" name="today" onclick="aktiver_felt('form','year');aktiver_felt('form','md');aktiver_felt('form','day');"></td>
    </tr>
    <tr>
        <td>Dato</td>
        <td><select name="year" disabled>
                <option value=""  > 2002</option>
            </select> -
            <select name="md" disabled>
                <option value=""  > 01</option>
            </select> -
            <select name="day" disabled>
                <option value=""  > 01</option>
            </select>
        </td>
    </tr>
</table>
</form>
Avatar billede kjoller Nybegynder
04. juli 2002 - 11:36 #5
Jeg tror lige jeg skal vågne jeg lavde det helt omvendt sorry.

<script>
function aktiver_felt(form_, felt_){
    document.forms[form_].elements[felt_].disabled=!document.forms[form_].elements[felt_].disabled
}

</script>
<form action="" method="post" name="form">
<table>
    <tr>
        <td>Idag</td>
        <td><input type="Checkbox" name="today" onclick="aktiver_felt('form','year');aktiver_felt('form','md');aktiver_felt('form','day');"></td>
    </tr>
    <tr>
        <td>Dato</td>
        <td><select name="year" >
                <option value=""  >- Vælg år - </option>
                <option value=""  > 2002</option>
            </select> -
            <select name="md" >
                <option value=""  >- Vælg månede - </option>           
                <option value=""  > 01</option>
            </select> -
            <select name="day" >
                <option value=""  >- Vælg dag - </option>           
                <option value=""  > 01</option>
            </select>
        </td>
    </tr>
</table>
</form>
Avatar billede ankersan Nybegynder
04. juli 2002 - 11:36 #6
kjoller> spitze, det virker und alles ;o)
Tak for hjælpen, opret lige et svar så du kan få dine point
Avatar billede kjoller Nybegynder
04. juli 2002 - 11:42 #7
Np :-)
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

IT-JOB

KMD A/S

Projektleder

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Cyberdivisionen søger en IT-supporterelev til Lokal IT på Flyvestation Karup

Politiets Efterretningstjeneste

Platform Engineer hos PET

Capgemini Danmark A/S

Client Partner