KOMPOOS.NL

disable enable dropdown

home » manuals » html » disable-enable-dropdown.html

sitemap

voorbeeld disable/enable dropdown box

uitleg enable/disable procedure

Het kan makkelijk zijn om check-boxes in- en uit- te schakelen. Bijvoorbeeld om de keuze in een formulier wat makkelijker te maken (door afhankelijk van één willekeurige keuze, andere keuze-mogelijkheden klikbaar te maken of niet). Gebruik de onderstaande code als voorbeeld om jouw eigen formulier(en) te maken. In dit voorbeeld (op deze pagina) wordt als je een keuze maakt en op go! klikt, (terug) verwezen naar déze pagina. De checkbox zal dus weer "default" komen te staan (niet selecteerbaar).

html code voor de enable/disable dropdown procedure


<p>
        <label for="enable-disable">vink aan/uit</label>
        <input name="enable-disable" id="enable-disable" type="checkbox" onclick="document.enable_disable._dropdown.disabled=!this.checked; document.enable_disable.knopje.disabled=!this.checked">
</p>
<form name="enable_disable">
        <label for="_dropdown">kies </label>
        <select id="_dropdown" name="_dropdown" disabled>
                <option value="http://kompoos.nl/manuals/html/disable-enable-dropdown.html">adres 1</option>
                <option value="http://kompoos.nl/manuals/html/disable-enable-dropdown.html">adres 2</option>
                <option value="http://kompoos.nl/manuals/html/disable-enable-dropdown.html">adres 3</option>
        </select>
        <input type="button" value="go!" name="knopje" disabled onclick="window.location=document.enable_disable._dropdown.value;">
</form>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.