select concatenate

[Franceschino]

Salve a tutti scusate la banalità della domanda ma io sto realizzando un form con chronoform e all'interno ci sono 2 select concatenate.. Mi hanno suggerito di utilizzare questo codice js per far sì che la seconda select sia popolata con determinati campi a seconda della voce selezionata nella prima:

Codice: [Seleziona]

function populateNext(argomento) {
  var firstChoice = argomento.selectedIndex;
alert('hai selezionato l\' opzione ' + firstChoice); //poi questa riga la togli

  var theContainer = document.getElementById("seldiv");

     if ( firstChoice == 0 ) {
       theContainer.innerHTML = '<select id="servizio" size="1" name="servizio" disabled="disabled"><option>- - - - - - -</option></select>'
     } else {
     if ( firstChoice == 1 ) {
       theContainer.innerHTML =
     '<select id="servizio" size="1" name="servizio">' +
     '<optgroup label="" id="ch_1">' +
     ' <option value="Conferimento d'Incarico">Conferimento d\'Incarico</option>' +
     ' <option value="Consulenza Pignorati">Consulenza Pignorati</option>' +
     ' <option value="Consulenza Personale">Consulenza Personale</option>' +
     ' <option value="Consulenza Privata">Consulenza Privata</option>' +
     ' <option value="Consulenza Fiscale Internazionale">Consulenza Fiscale Internazionale</option>' +
     '</optgroup>' +
     '</select>';

     } else {
     if ( firstChoice == 2 ) {
       theContainer.innerHTML =
     '<select id="servizio" size="1" name="servizio">' +
     '<optgroup label="" id="ch_2">' +
     ' <option value="Friend">Friend</option>' +
     ' <option value="Associato">Associato</option>' +
     ' <option value="Affiliato">Affiliato</option>' +
     ' <option value="Head Hunter">Head Hunter</option>' +
     '</optgroup>' +
     '</select>';

     } else {
         theContainer.innerHTML =
     '<select id="servizio" size="1" name="servizio">' +
     '<optgroup label="" id="ch_3">' +
     ' <option value="Corsi di Formazione">Corsi di Formazione</option>' +
     '</optgroup>' +
     '</select>';
       }
       }
       }
  }
con questo html:

Codice: [Seleziona]

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="label"><span style="vertical-align: middle; color: #F37021;">*</span>&nbsp;Argomento</label>
    <select class="contentbox field" id="argomento" size="1" title="" name="argomento" onchange="populateNext(this);">

    <option value="0">Scegli un argomento </option>
    <option value="1">Servizi al Cliente</option>
    <option value="2">Lavora Con Noi</option>
    <option value="3">Corsi di Formazione</option>
   </select>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="label"><span style="vertical-align: middle; color: #F37021;">*</span>&nbspServizio</label>

  <div id="seldiv">
   <select id="servizio" size="1" name="servizio" disabled="disabled"><option>- - - - - - -</option>
   </select>
  </div>

</div>
  <div class="cfclear">&nbsp;</div>
</div>

ma evidentemente c'è qualcosa che non va.. 

Grazie,

Francesco

[mau_develop]

c'è un articolo su qs argomento

M.

[Franceschino]

non ho trovato quello di cui ho bisogno..la maggior parte usano il db per popolare la seconda select mentre a me serve una cosa molto più semplice..
 

[mau_develop]

macchestaiaddi? ...: scusa se non ti serve il db non usarlo e popolale a manina

M.

[Franceschino]

è quello che ho fatto...o almeno tentato di fare... ma con risultati non proprio ottimali...