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?