Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149

    Disabilitare Piu Select Da Una Select Iniziale

    Ciao a tutti,
    ho bisogno cortesemente del vostro aiuto. Ho una form con più select, a seconda della scelta della primissima select, vorrei che le altre select venissero disabilitate o meno.Esempio, ho SELECT 1(con valori proposti 1 e 2), SELECT 2, SELECT 3. Se scelgo valore "1" di SELECT 1 deve disabilitare SELECT 2 E 3, se scelgo il valore "2" della SELECT 1 deve disabilitare solo la SELECT 2. Posto il codice:

    <script language="JavaScript">
    function disab(tipo){
    if(tipo=="B"){
    document.moduloGuest.cam.disabled=true;
    document.moduloGuest.ristorante.disabled=true;
    }
    else{
    document.moduloGuest.cam.disabled=false;
    document.moduloGuest.ristorante.disabled=false;
    }
    }
    function disab(tipo){
    if(tipo=="D"){
    document.moduloGuest.ristorante.disabled=true;
    }
    else{
    document.moduloGuest.ristorante.disabled=false;
    }
    }
    </script>

    <form name="moduloGuest" id="moduloGuest" method="post">
    <table>

    <tr>
    <td> tipologia </td><td><select name="tipo" id="tipo" onchange="disab(this[this.selectedIndex].value)" style="font-size: 11px;">
    <option value=""> -- </option>
    <option value="A"> A </option>
    <option value="B"> B </option>
    <option value="C"> C </option>
    <option value="D"> D </option>
    <option value="E"> E </option>
    <option value="F"> F </option>
    <option value="G"> G </option>
    </select></td>
    </tr>

    <tr>


    camere
    <select name="cam" id="cam" style="font-size: 11px;">
    <option value=""> -- </option>
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
    <option value="3"> 3 </option>
    <option value="4"> 4 </option>
    <option value="5"> 5 </option>
    </select>


    ristorante
    <select name="ristorante" id="ristorante" style="font-size: 11px;">
    <option value=""> -- </option>
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
    <option value="3"> 3 </option>
    <option value="4"> 4 </option>
    <option value="5"> 5 </option>
    </select>


    </td>
    </tr>
    </table>
    </form>

    Se seleziono D su TIPOLOGIA mi disabilita ristorante(ed è giusto), ma se seleziono su tipologia B, che dovrebbe disabilitarmi select CAM e RISTORANTE non funziona...

    grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Togli una function disab(tipo){} e processa tutto in una sola funzione.
    Meglio se onchange la fai cosi this.options[this.selectedIndex].value
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    grazie mille per la tua risposta, ho provato ad eliminare la seconda function ma pur mantenendo il secondo if il secondo controllo funziona, ma il primo no...sapresti indicarmi cortesemente la procedura o un link dove posso studiarmi bene la cosa?
    grazie mille

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Così deve funzionare:
    codice:
    function disab(tipo){
    function disab(tipo){
    if(tipo=="B"){
    document.moduloGuest.cam.disabled=true;
    document.moduloGuest.ristorante.disabled=true;
    }
    else if(tipo=="D"){
    document.moduloGuest.ristorante.disabled=true;
    document.moduloGuest.cam.disabled=false;
    }
    else{
    document.moduloGuest.cam.disabled=false;
    document.moduloGuest.ristorante.disabled=false;
    }
    }
    se vuoi documentarti leggi qui
    (guida base)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Perfetto, funziona!

    grazie mille!

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.