Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297

    Una select abilita l'altra ... come?

    Scusate ma è dalle 16 che cerco nel forum e non mi sembra di aver trovato nulla

    Io ho semplicemente 2 select.

    PRIMA:
    <select name="animali">
    <option value="1">cane</option>
    <option value="2">gatto</option>
    <option value="3">pesce</option>
    <option value="4">criceto</option>
    <select>

    SECONDA:
    <select name="cibo">
    <option value="1">cibo1</option>
    <option value="2">cibo2</option>
    <option value="3">cibo3</option>
    <option value="4">cibo4</option>
    <select>


    Io vorrei che la seconda select sia disabled fintanto che dalla prima non seleziono o gatto o criceto.
    Devo fare un onChange sulla prima select e magari impostare disabled sulla seconda ... però di più non riesco a fare ...
    Qualche idea?

    grazie 1000

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297
    Ok, mi rispondo da sola ... magari può servire a qualcuno

    function abilita(menu) {
    if (document.formRicerca.animali.value =='2' ||document.formRicerca.animali.value =='4' ){
    document.formRicerca[menu].removeAttribute("disabled");
    } else {
    document.formRicerca[menu].setAttribute('disabled','true');
    }
    }

    <select name="animali" onchange="abilita('cibo')">

    <select name="cibo" disabled>

    Grazie lo stesso e alla prossima
    Franz

  3. #3
    Ciao a tutti,
    mi interessava fare una cosa del genere e ho trovato quest'esempio (grazie Franz) ma non riesco a farlo funzionare.

    In un modulo di registrazione, devo fare in modo che si attivi una seconda select con le province nel caso in cui l'utente scelga "ITA" dalla prima select

    ho inserito nell'head:

    <script type="text/javascript">
    function abilita(menu) {
    if (document.formRicerca.zone.value == 'ITA'){
    document.formRicerca[menu].removeAttribute("disabled");
    } else {
    document.formRicerca[menu].setAttribute('disabled','true');
    }
    }
    </script>

    e dove deve comparire il form:

    <select name=\"zone\" onchange=\"abilita('italia')\">

    (e qui le option con i vari paesi del mondo)

    <select name=\"italia\" disabled>

    (e qui le province dell'italia)

    Cosa c'è che non va?
    grazie a tutti

  4. #4
    Sono riuscito seguendo quest'esempio:
    http://forum.html.it/forum/showthrea...hreadid=846606

    Grazie a tutti

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.