problema visualizzazione select

**tonino1** · 18-09-2010, 11:20

Sto scrivendo del codice che selezionando una check box mi dovrebbe abilitare un controllo select.Non riesco a farlo da java script.Vi posto il codice per capire meglio:

codice:

<html>
</head>

<title>Titolo della Pagina</title>
  <meta http-equiv="Content-type" content="text/html;charset=utf-8">


<script type="text/javascript">
<!--
//function vis(){
var check=document.getElementById('check1').checked;

if(check==checked){
document.getElementById('nomi_maschili').disabled="";
	}

//-->
</script>
</head>
<body>
  <div id="f1">
Scegli un nome:

Maschile<input type="radio" name="check1" value="Maschile"  />

Femminile<input type="radio" name="check1" value="Femminile" />


<select id="nomi_maschili" disabled="disabled">
   <option value="Gino selected="selected">Gino  </option>
   <option value="Bruno">Bruno  </option>
   <option value="Tonino">Tonino  </option>
  </select>

<select id="nomi_femminili" >
   <option value="Silvia" selected="selected">Silvia  </option>
   <option value="Tina">Tina  </option>
   <option value="Denise">Denise  </option>
  </select>


<input type="submit" id="calcola" value="Calcola" > 
   
  </div>
  </body>
</html>

**cavicchiandrea** · 18-09-2010, 11:53

Prova cosi:

codice:

<script type="text/javascript">
<!--
function vis(opt){
if(opt[0].checked){
document.getElementById('nomi_maschili').removeAttribute("disabled");	
}else{document.getElementById('nomi_maschili').setAttribute("disabled","disabled");
}
}

//-->
</script>
</head>
<body>
  <div id="f1">
Scegli un nome:

Maschile<input type="radio" name="check1" value="Maschile" onclick="vis(this) />

Femminile<input type="radio" name="check1" value="Femminile" onclick="vis(this)" />

Se le operazioni in javascript si limita a questa ok, altrimenti ti consiglio di leggerti le guide che trovi qui senza le nozioni base diventa difficile per tutti.

**tonino1** · 19-09-2010, 02:10

Ho provato a fare come dici ma non và.Ho provato così:

function vis(){
if(check1[0].checked)
{
document.getElementById('nomi_maschili').removeAtt ribute("disabled");
}
else
{
document.getElementById('nomi_maschili').setAttrib ute("disabled","disabled");
}

}

**cavicchiandrea** · 19-09-2010, 10:53

Premesso che il mio codice non andava (scritto di fretta senza testarlo) per un mio errore:

codice:

<html>
</head>

<title>Titolo della Pagina</title>
  <meta http-equiv="Content-type" content="text/html;charset=utf-8">


</head>
<body>
  <div id="f1">
Scegli un nome:

Maschile<input type="radio" id="uomo" name="check1" value="Maschile" onclick="if(this.checked)document.getElementById('nomi_maschili').removeAttribute('disabled');" />

Femminile<input type="radio" id="donna" name="check1" value="Femminile" onclick="if(this.checked)document.getElementById('nomi_maschili').setAttribute('disabled','disabled');" />


<select id="nomi_maschili" disabled="disabled">
   <option value="Gino selected="selected">Gino  </option>
   <option value="Bruno">Bruno  </option>
   <option value="Tonino">Tonino  </option>
  </select>

<select id="nomi_femminili" >
   <option value="Silvia" selected="selected">Silvia  </option>
   <option value="Tina">Tina  </option>
   <option value="Denise">Denise  </option>
  </select>


<input type="submit" id="calcola" value="Calcola" > 
   
  </div>
  </body>
</html>

codice funzionante e testo, perché hai modificato il codice non conoscendo js?

**tonino1** · 19-09-2010, 12:25

Beh.Lo sto studiando,stavo facendo delle prove.Certe cose sui libri non ci sono.Per esempio removeAttribute e setAttribute non sono riuscito a trovarlo nella documentazione.Sai dove posso trovare una buona documentazione?

**tonino1** · 19-09-2010, 13:53

Sempre nello stesso script vorrei visualizzare un messaggio di benvenuto una volta selezionato un nome.Da codice ho provato così ma non funziona:

<select id="nomi_maschili" disabled="disabled" onchange="document.write('Benvenuto: '+document.getElementById('nomi_maschili').value;" >
<option value="Gino" selected="selected">Gino </option>
<option value="Bruno">Bruno </option>
<option value="Tonino">Tonino </option>
</select>

Dov'è che sbaglio?

**cavicchiandrea** · 19-09-2010, 14:10

Non so che libro usi comunque leggi http://javascript.html.it/guide/

**tonino1** · 19-09-2010, 21:35

Ho risolto il problema .mancava una parentesi alla fine dell ' evento onchange.

Discussione: problema visualizzazione select

Strumenti discussione

Ricerca discussione

Visualizza

problema visualizzazione select

Permessi di invio