Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    292

    nascondere e visualizzare una select

    Ciao ragazzi, girovagando qua e la per la rete sono riuscito a realizzare due select concatenate, ma vi spiego meglio il mio problema, dovrei fare in modo che quando clicco su altro si debba visualizzare la seconda select mentre appena clicco su tutti gli altri la select "localita" deve scoparire.

    Qui di seguito quello che ho fatto fin ora:


    codice:
    <script type="text/javascript">
    
    var prov=new Array();
    
    prov[4]=new Array("Scegli","Stati Uniti","Regno unito","Germania");
    
    function Riempi(source)
       {
       with (document.modulo.localita)
         {
         while (options.length > 0)
           options[0]=null;
         for (i=0;i<prov[source].length;i++)
           options[i]=new Option(prov[source][i],prov[source][i])
         options.selectedIndex=0;
          }
       }
    
    
    
    function FormCodiceControllo_Validator(theForm)
    {
       if (theForm.codiceControllo.value == "")
      {
        alert("Inserire il codice esatto.");
        theForm.codiceControllo.focus();
        return (false);
      }
    
      return (true);
    }
    
    </script>
    
    <script language="JavaScript" type="text/javascript">
    
    function toggle(_s) {
      if (document.all) {
         eval("document.all."+_s+".style.visibility='visible';");
    }
      else {
        if(navigator.userAgent.indexOf("Gecko")!=-1) {// is NS6 ?
          document.getElementById(_s).style.visibility='visible';
    }
        else {
        eval("document.layers['"+_s+"'].visibility='show';");
     }
      }
    
    }
    </script>
    
    
    <form method="post" action="leggiProvinceComuni.php" name="modulo" language="JavaScript">
    
    <select name="provincia" onChange="Riempi(this.options.selectedIndex);toggle('bril_span')">
        <option value="Scegli">Scegli</option>
    	<option>Agrigento</option>
    	<option>Ancona</option>
        <option>Aosta</option>
    	<option>Altro</option>
    </select>
    
    <span id="bril_span"style="visibility:hidden;position:relative;top:0;left:0">
    <select name="localita">
    </select>
    </span>
    </form>

    In qualche modo sono riuscito a far comparire la select solo quando clicco su altro, mentre quando clicco su gli altri campi non sno riuscito a farla scomparire.


    P.S se ci sono errori correggete pure :-)

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Premesso che mi sembra un script datato non capisco perché popolare una select nascosta tramite funzione.
    :master:
    Non fa il contrario perché la funzione toggle è concepita per solo per mostrare non per nascondere
    Spiega bene cercando d'essere il + preciso possibile, cosa vuoi fare, forse c'è un latro soluzione.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    292
    Devo fare scegliere all'utente di che regione è, se non appartiene all'italia deve scegliere "Altro" e appare l'altra select dove contiene gli altri stati.

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    292
    Ci sono riuscito. Ho fatto questa funzione:

    codice:
    <script>
    function visualizza_stati() {
            if (document.modello.regioni.value == "Altro") document.all.stati.style.display='block';
            else document.all.stati.style.display='none';
    }
    </script>
    <form name="modello" action="?">
    
    <select name="regioni" onChange="javascript:visualizza_stati();">
    <option>-- Choose --</option>
    <option value="Milano">Milano</option>
    <option value="Roma">Roma</option>
    <option value="Napoli">Napoli</option>
    <option value="Sicilia">Sicilia</option>
    <option value="Altro">Altro</option>
    </select>
    
    <select name="stati" style="display:none">
    <option>-- Choose --</option>
    <option value="Inghilterra">Inghilterra</option>
    <option value="Germania">Germania</option>
    <option value="Francia">Francia</option>
    <option value="Scozia">Scozia</option>
    </select>
    
    </form>

    Come al solito se potete migliorarla è sempre ben accetto :-)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.