Jquery select option, un errore se messo in tabella.

[marcopa]

Salve ragazzi, ho un problema in una select option perchè inserita in una tabella dove nelle righe viene ripetuta per ogni riga, mi spiego meglio commentando il codice .

           <td class="class-left"><?=date('d/m/Y',strtotime($events->start))?></td>
             <td class="text-left">
                 <select name="istruttori"  id="istruttori"  class="form-control" onchange="GetIstruttore()" >
                       <option value=1>Franco </option>
                      <option value=2>Paola</option>
                      <option value=3>Luciano</option>
                  </select>
                 <div id="result"></div>
             </td>

la tabella ha un elenco di date e gli istruttori disponibili sono in una select option, deve essere scelto l'istruttore di turno, la prima riga risponde alla chiamata GetIstruttore correttamente, le altre righe mi danno sempre 0 come indice, questa che segue è la chiamata jquery

<script type="text/javascript">
      $(document).ready(function(){
          
      });
      
function GetIstruttore()
   {        
       alert($('#istruttori').get(0).selectedIndex);
    }
 
</script>

come dicevo, solo la prima riga mi restituisce un alert corretto.
potete darmi una mano? vedete quale potrebbe essere l'errore?

Grazie.

[KillerWorm]

Ciao, fondamenti di programmazione web: gli id devono essere univoci.

Se il tuo id="istruttori" è ripetuto per ogni riga, l'errore sta proprio qui. Nel caso sarebbe meglio usare una "class".

[marcopa]

Ciao, fondamenti di programmazione web: gli id devono essere univoci.

Se il tuo id="istruttori" è ripetuto per ogni riga, l'errore sta proprio qui. Nel caso sarebbe meglio usare una "class".

Ciao, ho provato ad utilizzare la classe al posto dell' id ma il risultato è sempre uguale, la prima riga della TABLE risponde le altre danno sempre indice 0.

Domanda : tu per usare una "class" intendi questo?

<td class="text-left">
                 <select  class="istruttori" onchange="GetIstruttore()" >
                       <option value=1>Franco </option>
                       <option value=2>Paola</option>
                       <option value=3>Luciano</option>
                  </select>
                 <div id="result"></div>
             </td> 

function GetIstruttore()
     {        
             alert($('.istruttori').get(0).selectedIndex);
          }

[KillerWorm]

Chiaro, sbagli approccio, bisogna che gli passi un riferimento relativo a quell'elemento.

Prova in questo modo:

<select  class="istruttori" onchange="GetIstruttore(this)" >

function GetIstruttore(me){        
     alert(me.selectedIndex);
}

[marcopa]

Ecco, fastidioso non aver pensato al riferimento di ogni elemento, stavo pensando di creare un indice di ogni singolo, ma avrei avuto poi due indici inutilmente.
Grazie, funziona perfettamente.

[marcopa]

function GetIstruttore(me, id){        
               
               alert(me);
               alert(id);
            
    
                            $.ajax({
                                    type: "POST",
                                        url: "<?php echo site_url('app/chg_istruttore');?>",
                                        data: "istruttore=" + me + "&evento=" + id,

                                        success: function(msg)
                                           {
                                                //alert(msg);
                                            },
                                            error: function() { alert("Chiamata fallita, si prega di riprovare..."); }
                                   })
                        };

[KillerWorm]

Ultima modifica di marcopa; Oggi a 22:56 Motivo: mancava lo script

Però hai cancellato il messaggio della richiesta

[marcopa]

Killerworm, scusa ho un problema al pc dove stavo lavorando, ho il bkp del giorno precedente, dovrò rifare tutto !!!!!
Però grazie a te ho capito dove sbagliavo.
Grazie.

[KillerWorm]

Figurati, spero tu riesca a risolvere.
Buon proseguimento