Ciao a tutti
io ho un form che ha due liste di radiobutton da dover selezionare, solo che quando seleziono una opzione nella prima lista mi si dovrebbe disattivare tutta la seconda lista
come si fa a fare questo?
per fare un esempio pratico di come dovrebbe essere
Lista 1
o -- opzione 1
o -- opzione 2
o -- opzione 3 *
Lista 2
o -- opzione 1
o -- opzione 2
o -- opzione 3
se seleziono opzione 3 di Lista 1 mi si disattivano i campi della lista 2
Ecco qua, per gestire situazioni come quella che richiedi io solitamente uso un campo "neutro" con value=''", spero questa soluzione ti vada bene.
Ciao Matteo
<html>
<head>
<title></title>
</head>
<body>
<SELECT ID="Select1" NAME="Select1" onclick="javascript:Cliccato();">
<OPTION value="">-</OPTION>
<option value="x">test1</option>
<option value="x">test2</option>
<option value="x">test3</option>
</SELECT>
<SELECT ID="Select2" NAME="Select1"">
<OPTION value="">-</OPTION>
<option value="x">test4</option>
<option value="x">test5</option>
<option value="x">test6</option>
</SELECT>
<script language=javascript>
function Cliccato(){
if (document.getElementById('Select1').value !=''){ // Se selezionato qualcosa
document.getElementById('Select2').disabled = true; // Disabilito
} else {
document.getElementById('Select2').disabled = false;// se no riabilito
}
}
</script>
</body>
</html>
Grazie lake86
purtroppo pero non è esattamente quello cercavo
io sto usando dei radio button e non delle select. In ogni caso mi studio il codice che mi hai postato che potrebbe essermi d'aiuto
spero che tu o qualcun'altro abbia qualche dritta su quello che serve a me
uhm ho letto male perdonami.... cmq il concetto è = con element getElementbyId selezioni il radio che vuoi e con disabled lo disabiliti, durante la pausa pranzo ti posto la versione che volevi
ok lake86, ti ringrazio molto
ma non esiste un metodo per evitare di scrivere il tag <script></script> ?
tipo cosi
<form name="modulo">
<input type="radio" name="lista1" value="1">
<input type="radio" name="lista1" value="2" onclick="document.modulo.lista2.disable = true">
<input type="radio" name="lista2" value="1">
<input type="radio" name="lista2" value="2">
</form>
ho provato cosi ma non mi funziona
si puo anche in linea... non va poiche non è .disable ma .disabled
ah ecco perche mi dava errore
l'ho cambiato pero non funge lo stesso
ho usato questo tipo di soluzione
<input type="radio" name="lista1" value="1" onclick="document.modulo.lista2.disabled=true">
<select name="lista2">
...
</select>
e funziona...
non è quello che cercavo ma l'importante è il risultato!
grazie di tutto lake86
Permessi di invio
Rispondi quotando