Disabilitazione select

**fraude** · 14-11-2008, 19:03

Ciao.

Ho questa pagina web nella quale le select CO e ZN si disabilitano a vicenda quando in una delle due viene selezionato una valore diverso da -1.

Come modifico la funzione javascript Attiva anche per evitare che nella terza select AUT non sia possibile selezionare il valore 2 quando si è selezionato il valore diverso da -1 nella select CO ?

codice:

function Attiva()

{ 

    var sel = document.getElementById('CO'); 
    var sel1 = document.getElementById('ZN'); 
    
    if (sel.options[sel.selectedIndex].value != '-1') { 
        document.getElementById('ZN').disabled = true; 
    } 

    else { 
        document.getElementById('ZN').disabled = false; 
    }     

    if (sel1.options[sel1.selectedIndex].value != '-1') { 
        document.getElementById('CO').disabled = true; 
        document.getElementById('AUT').value = 2; 
        document.getElementById('AUT').disabled = true; 
    }     

    else { 
        document.getElementById('CO').disabled = false; 
    }    
}

<select size="1" name="CO" id="CO" onchange="Attiva();">
<option value="-1" selected="selected">- Seleziona -</option>
...
</select>

<select size="1" name="CO" id="ZN" onchange="Attiva();"> 
<option value="-1" selected="selected">- Seleziona -</option> 
...
</select> 

<select size="1" name="AUT" id="AUT">
<option>Seleziona</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Grazie---

**Pastore12** · 14-11-2008, 20:23

Prova questo... ciao!

Codice PHP:


<html>

<head>

<script language="javascript">

function Attiva()

{ 

    var sel = document.getElementById('CO'); 

    var sel1 = document.getElementById('ZN'); 

    

    if (sel.options[sel.selectedIndex].value != '-1')

    { 

        document.getElementById("opzione2").disabled=true;

        document.getElementById('ZN').disabled = true; 

    } 

    else

    { 

        document.getElementById("opzione2").disabled=false;

        document.getElementById('ZN').disabled = false; 

    }     



    if (sel1.options[sel1.selectedIndex].value != '-1')

    { 

        document.getElementById('CO').disabled = true; 

        document.getElementById('AUT').value = 2; 

        document.getElementById('AUT').disabled = true; 

    }     

    else

    { 

        document.getElementById('CO').disabled = false; 

        document.getElementById('AUT').disabled = false; 

    }    

}

</script>

</head>

<body>







<select size="1" name="CO" id="CO" onchange="Attiva();">

<option value="-1" selected="selected">- Seleziona -</option>

<option value="1">- 1 -</option>

<option value="2">- 2 -</option>

<option value="3">- 3 -</option>

</select>



<select size="1" name="CO" id="ZN" onchange="Attiva();"> 

<option value="-1" selected="selected">- Seleziona -</option> 

<option value="1">- 1 -</option>

<option value="2">- 2 -</option>

<option value="3">- 3 -</option>

</select> 



<select size="1" name="AUT" id="AUT">

<option selected="selected">Seleziona</option>

<option value="0">0</option>

<option value="1">1</option>

<option value="2" id="opzione2">2</option>

<option value="3">3</option>

</select>



</body>

</html>

**fraude** · 14-11-2008, 20:31

Grazie ma non funziona. :master:

**Pastore12** · 14-11-2008, 20:48

Hai ragione... funziona sotto firefox, ma non sotto Explorer.. alle solite... scusa..

**Pastore12** · 14-11-2008, 20:57

Codice PHP:


<html>

<head>

<script language="javascript">

function Attiva()

{ 

    var sel = document.getElementById('CO'); 

    var sel1 = document.getElementById('ZN'); 

    

    if (sel.options[sel.selectedIndex].value != '-1')

    { 

        document.getElementById("opzione2").disabled=true;

        document.getElementById('ZN').disabled = true; 

    } 

    else

    { 

        document.getElementById("opzione2").disabled=false;

        document.getElementById('ZN').disabled = false; 

    }     



    if (sel1.options[sel1.selectedIndex].value != '-1')

    { 

        document.getElementById('CO').disabled = true; 

        document.getElementById('AUT').value = 2; 

        document.getElementById('AUT').disabled = true; 

    }     

    else

    { 

        document.getElementById('CO').disabled = false; 

        document.getElementById('AUT').disabled = false; 

    }    

}

function check ()

{

    var sel = document.getElementById('CO'); 



    if (sel.options[sel.selectedIndex].value != '-1')

    { 

        if (document.getElementById('AUT').value == 2)

        {

            alert ("non puoi selezionare questa opzione!");

            document.getElementById('AUT').value=-1;

        }    

        

    }

}

</script>

</head>

<body>







<select size="1" name="CO" id="CO" onchange="Attiva();">

<option value="-1" selected="selected">- Seleziona -</option>

<option value="1">- 1 -</option>

<option value="2">- 2 -</option>

<option value="3">- 3 -</option>

</select>



<select size="1" name="CO" id="ZN" onchange="Attiva();"> 

<option value="-1" selected="selected">- Seleziona -</option> 

<option value="1">- 1 -</option>

<option value="2">- 2 -</option>

<option value="3">- 3 -</option>

</select> 



<select size="1" name="AUT" id="AUT" onchange="check();">

<option value="-1" selected="selected">Seleziona</option>

<option value="0">0</option>

<option value="1">1</option>

<option value="2" id="opzione2">2</option>

<option value="3">3</option>

</select>



</body>

</html>

Questa invece dovrebbe andare anche sotto explorer.. non è il massimo...

**fraude** · 14-11-2008, 23:25

Grazie !

Discussione: Disabilitazione select

Strumenti discussione

Ricerca discussione

Visualizza

Disabilitazione select

Permessi di invio