Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Recuperare valore campo input su stesso livello

    Salve ho questo codice html :

    codice:
    <!-- INIZIO seriale -->
    <div class="row">
       <div class="col-md-6">
          <label class="col-md-12 col-xs-12 control-label">Seriale*</label>
          <div class="col-md-12 col-xs-12">
             <input type="text" value="" required="required" class="form-control seriali" name="seriale[]">
          </div>
       </div>
       <!-- FINE seriale -->
       <!-- INIZIO codice_macchina -->
       <div class="col-md-6">
          <label class="col-md-12 col-xs-12 control-label">Codice Macchina</label>
          <div class="col-md-12 col-xs-12">
             <input type="text" value="" id="" class="form-control codici_macchina" name="codice_macchina[]" minlength="6" maxlength="16">
          </div>
       </div>
       <!-- FINE codice_macchina -->
    </div>
    <hr style="color:white">
    <div>
       <div class="row">
          <div class="col-md-6">
             <label class="col-md-12 col-xs-12 control-label">Seriale*</label>
             <div class="col-md-12 col-xs-12"><input type="text" value="" required="required" class="form-control seriali" name="seriale[]"></div>
          </div>
          <!-- FINE seriale --><!-- INIZIO codice_macchina -->
          <div class="col-md-6">
             <label class="col-md-12 col-xs-12 control-label">Codice Macchina</label>
             <div class="col-md-12 col-xs-12"><input type="text" value="" id="" class="form-control codici_macchina" name="codice_macchina[]" minlength="6" maxlength="16"></div>
          </div>
          <!-- FINE codice_macchina -->
       </div>
       <hr style="color:white">
       <a href="#" class="remove_field btn btn-danger">Rimuovi Riga Sopra</a>
    </div>

    con questo codice riesco a prelevare tutti i codici :

    codice:
     $(".seriali").each(function(i){
    
    
                var seriale   = $(this).val();
               
               //prelevare il codice_macchina dello stesso row
    
              //var codice_macchina = ??
    });
    E' possibile internamente a questa funzione prelevare lo stesso Codice Macchina dello stesso div > row

  2. #2
    Sì. Devi attraversare il Dom all'indietro di tot livelli e poi ridiscendere fino a ciò che ti interessa.
    Se invece vuoi un modo "dinamico", allora non ciclare sui campi con classe seriali (che comunque nel codice non vedo) ma sulle classi "padri", che così ti recupera il Dom e per ogni "pezzo" vai a cercarti i name relativi, sia del codice che del seriale

  3. #3
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    Non è molto chiaro il risultato finale che vuoi ottenere da questa doppia iterazione, presumo un array di oggetti che nel mio esempio chiamo "serie" ma potrei sbagliarmi, comunque vedi se gli esempi sotto ti possono aiutare, ciao.

    codice:
     const serie = []
    
            // vanilla js method
    
            // const seriali = document.querySelectorAll('.seriali')
            // const codm = document.querySelectorAll('.codici_macchina')
            // seriali.forEach((seriale, i) => {
            //     serie.push({ seriale: seriale.value, codice_macchina: codm[i].value })
            // })
    
            // jquery method
            $(".seriali").each(function (i) {
                var seriale = $(this).val();
                var codm = $(".codici_macchina")[i].value
                serie.push({ seriale: seriale, codice_macchina: codm })
            });
            console.log(serie);

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.