Modulo select dinamico

**danny21** · 22-01-2005, 13:45

salve a tutti, per il mio sito mi piacerebbe realizzare una cosa un pochino particolare...

allora, nel form di registrazione, fra le altre cose c'è il campo "sesso" ed il campo "mestiere", realizzati con un modolo select del tipo:

<select name="SESSO" id="SESSO">
<option value="Maschio" selected>Maschio</option>
<option value="Femmina">Femmina</option>
</select>

Allora stesso modo nel campo dei mestieri ho inserito alcuni tipi di mestieri, ed è qui che arriva il mio problema: ci sono dei mestieri che sono, per così dire, neutri nel senso che robe come "architetto", "geometra", "avvocato" si pronunciano allo stesso modo per uomo o donna, mentre ce ne sono altri, tipo "attore/attrice" o "casalingo/casalinga" che si pronunciano in modo differente. A me piacerebbe fare in modo che l'elenco dei lavori dipendesse direttamente dalla scelta del sesso, cioè che i mestieri neutri venissero sempre visualizzati e a questi venissero letteralmente attaccati di seguito i mestieri con pronuncia diversa a seconda del sesso scelto. Ad esempio, se io nel sesso metto "maschio" nella colonna dei mestieri vedrò:

Architetto
Avvocato
Geometra
Attore
Casalingo

mentre se scelgo "femmina" vedro:

Architetto
Avvocato
Geometra
Attrice
Casalinga

Secondo voi è possibile?

**DYNAM!C+** · 22-01-2005, 14:28

codice:

<?xml version="1.0" encoding="iso-8859-1"?>

  <!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <title>Code Example by DYNAMIC+</title>

      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <meta http-equiv="Content-Language" content="en-us" />

      <script type="text/javascript">
      <!--

        var _jobPerSex = new Array( );
        _jobPerSex['maschio'] = new Array( "Architetto", "Geometro", "Attore", "Casalingo", "Avvovocato", "Gi***ò :P" );
        _jobPerSex['femmina'] = new Array( "Architetta", "Geometressa ;)", "Attrice", "Casalinga", "Avvovocata", "Pr*******a :P" );


        function getSexAndPopulate( __objSexSelect )
        {
          var _objJobSelect  = __objSexSelect.form.elements['professione'];
          var _szSelectedJob = __objSexSelect.options[__objSexSelect.selectedIndex].value.toLowerCase( );
          var _jobList       = _jobPerSex[_szSelectedJob];

          _objJobSelect.options.length = 0;

          for ( var i=0; i < _jobList.length; i++ )
            _objJobSelect.options[_objJobSelect.length] = new Option( _jobList[i], _jobList[i] );
          
        }
       
      //-->
      </script>

    </head>
    <body onload="getSexAndPopulate( document.forms['anagrafica'].elements['sesso'] );">

      <div>
        <form name="anagrafica" action="#">

          Sesso:
          <select name="sesso" onchange="getSexAndPopulate( this );">
            <option value="maschio" selected="selected">Maschio</option>
            <option value="femmina">Femmina</option>
          </select>

          Professione:
          <select name="professione">
          </select>

        </form>
      </div>

    </body>
  </html>

Discussione: Modulo select dinamico

Strumenti discussione

Ricerca discussione

Visualizza

Modulo select dinamico

Permessi di invio