Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506

    Select attiva select che attiva select

    Ciao a tutti.
    La mia esigenza è la seguente:
    - ho 3 select (uno, due, tre);
    - di cui due sono disabled (due e tre);
    - quando e se scelgo un valore qualunque diverso da "" da "uno" si deve attivare il select "due";
    - se e quando scelgo un valore di "due" si deve attivare il select "tre".

    Controllando i vari 3d sull'argomento ho trovato questo:
    codice:
    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>
    che funziona correttamente ma solo dal primo al secondo select. Come posso adeguarlo al mio caso, sfruttandolo anche per il terzo select?
    Grazie

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    codice:
    <script>
    function abilita(obj) { 
    	if (obj.name=='uno') {
    		if (obj.selectedIndex>0) {
    			obj.form.due.removeAttribute("disabled"); 
    		} else {
    			obj.form.due.setAttribute('disabled','true');
    			obj.form.tre.setAttribute('disabled','true');
    		}
    	}
    	if (obj.name=='due') {
    		if (obj.selectedIndex>0) {
    			obj.form.tre.removeAttribute("disabled"); 
    		} else {
    			obj.form.tre.setAttribute('disabled','true');
    		}
    	}
    }
    </script>
    <form>
    <select name="uno" onchange="abilita(this)"> 
    <option value=""> - scegli - </option>
    <option value="1">uno.1</option>
    <option value="2">uno.2</option>
    </select>
    
    
    <select name="due" onchange="abilita(this)" disabled> 
    <option value=""> - scegli - </option>
    <option value="1">due.1</option>
    <option value="2">due.2</option>
    </select>
    
    
    <select name="tre" disabled> 
    <option value=""> - scegli - </option>
    <option value="1">tre.1</option>
    <option value="2">tre.2</option>
    </select>
    </form>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di gim
    Registrato dal
    Oct 2000
    Messaggi
    506
    E' perfetto. 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.