Ciao a tutti, ho realizzato una sorta di tabella in cui scrivere Nome, cognome e altri dati:
codice:
<html lang="en">

    <head>
        <!-- CODIFICA DEI CARATTERI: PER VISUALIZZARE CORRETTAMENTE LE FRASI ES. LETTERE ACCENTATE. INOLTRE
        SONO INSERITI I TAG PER LA VISUALIZZAZIONE DA MOBILE/FISSO -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <!-- INCLUSIONI DELLE LIBRERIE UTILIZZATE PER BOOTSTRAP -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="tabella.css">
    
    </head>
    
    <body>
            <div class="container-fluid">
            <div class ="row">
            <div class="col-md-6">
                <div class="table-responsive">
                    <table class="table table-condensed">
                
                        <tr>
                            <tr>
                                <th id="PrimaRiga" colspan="2"> <p id="Contatto"> Contatto </p> </th>
                            </tr>
                        </tr>

                

                        <tr>
                            <th> Cognome/Struttura/Azienda </th>
                            <td class="noBorder"> 
                                <div class="form-group">
                                  <input type="text" class="form-control">
                                </div>
                            </td>
                        </tr>
                        
                        <tr>
                            <th> Nome </th>
                            <td class="noBorder"> 
                                <div class="form-group">
                                  <input type="text" class="form-control">
                                </div> 
                            </td>
                        </tr>
                        
                        <tr>
                            <th> Società/Direzione </th>
                            <td class="noBorder" >
                                <form>
                                    <div class="form-group">
                                    <select class="form-control">
                                        <option>Tutte</option>
                                        <option>Ingegneria ed Operazioni</option>
                                        <option>Sistemi Informativi</option>
                                    </select>
                            </td>
                        </tr>
                        
                        <tr>
                            <th> Unità periferica/Sede </th>
                            <td class="noBorder" >
                                <form>
                                    <div class="form-group">
                                    <select class="form-control">
                                        <option>Tutte</option>
                                        <option>Ingegneria ed Operazioni</option>
                                        <option>Sistemi Informativi</option>
                                    </select>
                            </td>
                            </td>
                        </tr>
                    <!--
                        <tr>
                            <th> Tipo Struttura </th>
                            <td class="noBorder"> 
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Tutte <span class="caret"> </span> </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">IBM</a></li>
                                        <li><a href="#">Apple</a></li>
                                        <li><a href="#">Microsoft</a></li>
                                    </ul>
                                </div>         
                            </td>
                        </tr>
                    -->
                        <tr>
                            <th> Tipo Struttura </th>
                            <td class="noBorder" >
                                <form>
                                    <div class="form-group">
                                    <select class="form-control">
                                        <option>Tutte</option>
                                        <option>Ingegneria ed Operazioni</option>
                                        <option>Sistemi Informativi</option>
                                    </select>
                            </td>
                        </tr>
                        
                        <tr>
                            <th> Fornitore/Cliente </th>
                            <td class="noBorder" >
                                <form>
                                    <div class="form-group">
                                    <select class="form-control">
                                        <option>Tutte</option>
                                        <option>Ingegneria ed Operazioni</option>
                                        <option>Sistemi Informativi</option>
                                    </select>
                            </td>
                        </tr>
                        
                        <tr>
                            <td colspan="2" class="noBorder">
                                <button type="button" class="btn btn-default btn-block" onclick="serializzaForm(document.getElementById()">Ricerca</button> 
                            </td>
                        </tr>

                    </table>

                </div>
                
            </div>
            
            <div class="col-md-6"> </div>

        </div>
        <!-- SECONDA TABELLA CHE FUORIESCE -->
                <div class="container-fluid">
            <div class ="row">
            <div class="col-md-10">
                <div class="table-responsive">
                    <table class="table table-condensed">
                
                        <tr>
                            <tr>
                                <th id="PrimaRiga" colspan="6"> <p id="Contatto"> Rubrica </p> </th>
                            </tr>
                        </tr>

                

                        <tr>

                            <th> <ins>Cognome <br> Struttura/Azienda </ins> </th>
                            <th> <ins>Nome </ins> </th>
                            <th> <ins>Società Direzione </ins> </th>
                            <th> <ins>Unità periferica <br> Sede </ins> </th>
                            <th> <ins>Tel (breve) </ins> </th>
                            <th> <ins>E- mail </ins> </th>

                        </tr>
                        
                        <tr>
                            <td class="noBorder"> <p id = "Cognomi"> DE MAIO<p> </td>
                            <td class="noBorder"> MICHELE </td>
                            <td class="noBorder"> Ingegneria ed Operazioni </td>
                            <td class="noBorder"> SALERNO </td>
                            <td class="noBorder"> 089-848400 </td>
                            <td class="noBorder">  </td>
                            
                        </tr>
                        
                        <tr>
                            <td class="noBorder"> <p id = "Cognomi"> DI PIETRO <p> </td>
                            <td class="noBorder"> MICHELE </td> 
                            <td class="noBorder"> Ingegneria ed Operazioni </td>
                            <td class="noBorder"> SALERNO </td>
                            <td class="noBorder"> 089-848400 </td>
                            <td class="noBorder">  </td>
                            
                        </tr>
                        
                        <tr>
                            <td class="noBorder"> <p id = "Cognomi"> FILENI <p> </td>
                            <td class="noBorder"> MICHELE </td>
                            <td class="noBorder"> Ingegneria ed Operazioni </td>
                            <td class="noBorder"> SALERNO </td>
                            <td class="noBorder"> 089-848400 </td>
                            <td class="noBorder">  </td>
                            
                        </tr>
                        
                        <tr>
                            <td class="noBorder"> <p id = "Cognomi"> RASSU <p> </td>
                            <td class="noBorder"> GIOVANNI </td>
                            <td class="noBorder"> Ingegneria ed Operazioni </td>
                            <td class="noBorder"> SALERNO </td>
                            <td class="noBorder"> 089-848400 </td>
                            <td class="noBorder">  </td>
                            
                        </tr>
                        
                        <tr>
                            <td class="noBorder"> <p id = "Cognomi"> SARACINO<p> </td>
                            <td class="noBorder"> LUCA </td>
                            <td class="noBorder"> Ingegneria ed Operazioni </td>
                            <td class="noBorder"> SALERNO </td>
                            <td class="noBorder"> 089-848400 </td>
                            <td class="noBorder">  </td>
                            
                        </tr>
                        

                    </table>

                </div>
                
            </div>
            
            <div class="col-md-2"> </div>

        </div>
        
        <script src="rubrica.js"> </script>
    </body>
</html>
Questo codice mi realizza una tabella, su questa tabella spingendo il tasto alla fine che ho chiamato "Ricerca" dovrebbe convertire i dati del form inseriti dall'utente in un JSON e poi popolare la seocnda tabella che io invece ho creato manualmente per farvi vedere cosa dovrebbe venire fuori. Mi sapreste aiutare?