scelta dinamica campi form

[kabuia.com]

ciao a tutti ragazzi premetto che non sono pratico di javascript e che lo sto studiando proprio per questo

sto impazzendo con questa funzione...

cosa voglio fare

3 radio button se uno dei tre è selezionato mi abilita un elenco dove poter selezionare piu campi contemporameamente (magari senza tenere premuto CRTL) che chiamero campo[]
cosi mi dovrebbe creare l'array da gestire in php. Allora mi sono messo all'opera ed ho iniziato a scrivere questo:



dove sbaglio?

<script type="text/javascript" language="javascript">
function scegli_citta(){
     if(document.form.Gruppo.value != "scelta"){
               return document.form.citta[].disabled;
     }
}</script>


<form action="aaa.php" method="get" name="form"  >
<input name="c" type="hidden" id="c" value="1">
<table width="200">
  <tr>
    <td><label>
      <input name="Gruppo" type="radio" value="1" checked>
      Solo questa citta</label></td>
  </tr>
  <tr>
    <td><label>
      <input type="radio" name="Gruppo" value="tutte">
      Tutte le citta</label></td>
  </tr>
  <tr>
    <td><label>
      <input type="radio" name="Gruppo" value="scelta">
      Fammi scegliere la citta</label></td>
  </tr>
</table>

<select name="citta[]" size="10" multiple id="select">

  <? while($citta=mysql_fetch_array($sel_citta)){ ?> 

                                       <option value="<?=$citta['id']?>" > <?=$citta['citta']?>   </option>

<? } ?>

</select>

<input type="submit" name="Submit" value="Invia">
</form>

[cavicchiandrea]

Il tag radio sono collezioni che partono da 0 pertanto in questo caso dovrai passargli il 2 radio che il suo valore e "scelta" che disabiliterà il campo (in questo caso la select)

<script type="text/javascript" language="javascript">
function scegli_citta(option){
var selez = document.form2.elements['Gruppo']
     if(selez[option].value == "scelta"){
               document.form2.elements['citta[]'].disabled=true;
			   }else{ document.form2.elements['citta[]'].disabled=false;
     }
}
</script>
<form action="aaa.php" method="get" name="form2"  >
<input name="c" type="hidden" id="c" value="1">
<table width="200">
  <tr>
    <td><label>
      <input name="Gruppo" type="radio" value="1" checked onclick="scegli_citta(0)">
      Solo questa citta</label></td>
  </tr>
  <tr>
    <td><label>
      <input type="radio" name="Gruppo" value="tutte" onclick="scegli_citta(1)">
      Tutte le citta</label></td>
  </tr>
  <tr>
    <td><label>
      <input type="radio" name="Gruppo" value="scelta" onclick="scegli_citta(2)">
      Fammi scegliere la citta</label></td>
  </tr>
</table>

<select name="citta[]" size="10" multiple id="select">
<option value="bo" > bo </option>
</select>

<input type="submit" name="Submit" value="Invia">
</form>

ho modificato il nome del form perché la parola usata è riservata (meglio non usarla) ed ho aggiunto la funzione hai radio button, per quanto concerne le selezioni multiple senza tasto ctrl documentati qui http://forum.html.it/forum/showthrea...hreadid=745229

[kabuia.com]

non ci ho capito molto per me la studio..
perche i copia e incolla non sono proprio il mio forte...

grazie.

PS. se non ti scoccia me la spieghi meglio commentandomi il codice?

[cavicchiandrea]

Ok, anche se non c'è molto da piegare (sono 3 righe) o che un ottima guida come quelle su html.it non ti dica (anche meglio), comunque (per sta volta) questo per spiegarti che i forum danno le indicazioni/script (dipende dal utente io per esempio trovo + rapido scrivere il codice) non fanno da tutor

function scegli_citta(option){
//rilevo il gruppo radio del form 
var selez = document.form2.elements['Gruppo']
//verifico che sia quello esatto
     if(selez[option].value == "scelta"){
//in tal caso disabilito la select
               document.form2.elements['citta[]'].disabled=true;
//in caso contrario la riabilito
			   }else{ document.form2.elements['citta[]'].disabled=false;
     }
}

detto ciò non vuol essere un "richiamo" o una "ramanzina" ma solo come la penso io.

[kabuia.com]

davvero grazie!


ho capito davvero bene tutto tranne una cosa...

scegli_citta(option) e if(selez[option].value == "scelta")

alla funzione scegli citta gli sto passando cosa? option non è una variabile definita...



ho appena provato ma non funziona...

[cavicchiandrea]

Originariamente inviato da kabuia.com
davvero grazie!


ho capito davvero bene tutto tranne una cosa...

scegli_citta(option) e if(selez[option].value == "scelta")

alla funzione scegli citta gli sto passando cosa? option non è una variabile definita...

In fatti la passi al evento onclick dove puoi passare quello che vuoi alla funzione numeri, testo, oppure tutto l'oggetto stesso o alcuni attributi tipo onclick="NomeFunzione(this)" //oggetto onclick="NomeFunzione(this.value)" //il valore onclick="NomeFunzione(this.name)"//il nome dell'oggetto etc.... dipende cosa servirà alla funzione.