scelta select tramite input radio

**Manuelandro** · 20-02-2007, 15:48

Ciao ragazzi. Ho 3 input radio (A,B,C) a cui corrisponde la scelta di 3 campi select (1,2,3). Vorrei fare in modo che ogni campo select sia attivo solo quando si clicchi sul corrispondente campo radio. In pratica sarà sempre uno solo il campo select attivo mentre gli altri due disabled!

siccome conosco poco più di un'acca di javascript chiedo aiuto a voi!

**var** · 20-02-2007, 23:40

prova così (non ho provato):

codice:

function enableDisable(theName){
 var e=document.getElementsById('idform').elements;
 for(var i=0;i<e.length;i++) if(e[i].type=="select") e[i].disabled=!(e[i].name==theName);
}

da usare così:

codice:

<input type="radio" onclick="enableDisable('selectrelativa');" ...

ciao

**Manuelandro** · 21-02-2007, 15:30

nu...

**var** · 21-02-2007, 15:50

ecco la versione corretta:

codice:

<html>
<head>
<title>provola</title>


<script type="text/javascript">

function enableDisable(theName){
 var e=document.getElementById('idform').elements;
 for(var i=0;i<e.length;i++) if(e[i].type=="select-one") e[i].disabled=!(e[i].name==theName);
}

</script>

</head>

<body>

<form id="idform">

<input type="radio" onclick="enableDisable('s1');" /> <select name="s1"><option value="v1">ciao</option></select>

<input type="radio" onclick="enableDisable('s2');" /> <select name="s2"><option value="v1">ciao</option></select>

<input type="radio" onclick="enableDisable('s3');" /> <select name="s3"><option value="v1">ciao</option></select>


</form>

</body>

</html>

ciao

Discussione: scelta select tramite input radio

Strumenti discussione

Ricerca discussione

Visualizza

scelta select tramite input radio

Permessi di invio