Gegevens uit Javascript halen.

Status
Niet open voor verdere reacties.
B

BRITDiensten

Gebruiker
Lid geworden
8 sep 2014
Berichten
25
Hallo Allemaal,
Ik heb een probleem, ik heb met javascript een knopje gemaakt om nieuwe formulier regels te plaatsen, nu post het script alleen niets meer in de database wanneer ik het formulier invul, waar ligt dit aan? Is het uberhaupt mogelijk?

HTML: 
<script>										
function addElement() {

  var ni = document.getElementById('Form-Input');

  var numi = document.getElementById('Inhoud');

  var num = (document.getElementById('Inhoud').value -1)+ 2;

  numi.value = num;

  var newdiv = document.createElement('div');

  var divIdName = 'Form-Input'+num+'';

  newdiv.setAttribute('id',divIdName);

  newdiv.innerHTML = '<th><input type="INT" name="boorwerk_stuks" id="boorwerk_stuks" placeholder="10" class="form-control_java"></th><th>&nbsp; Stuks &Oslash; &nbsp;</th><th><input type="INT" class="form-control_java" name="boorwerk_cm" id="boorwerk_cm" placeholder="120"></th><th>&nbsp; CM &nbsp;</th><th><select  class="form-control_java" name="boorwerk_wat"><option value="betonvloer">Betonvloer</option><option value="betonwand">Betonwand</option><option value="metselwerk">Metselwerk</option><option value="betonsteen">Betonsteen</option><option value="asfalt">Asfalt</option></select></th>';

  ni.appendChild(newdiv);

}											
</script>

<input type="hidden" id="Inhoud" />

<p><a href="javascript:;" class="fa fa-plus-square-o" onclick="addElement();"></a></p>

<div id="Form-Input"> </div>

Hierboven staat het script wat ik er voor gebruik. Graag duidelijke antwoorden, en niet zoiets als kijk op google.nl dit heb ik namelijk al gedaan en kan niet vinden. Als ik iets had kunnen vinden dan had ik het niet gevraagd.

Ik hoor het graag,

Met vriendelijke groet,
Branco Rensen
BR-ITDiensten
 
Laatst bewerkt door een moderator:
Dingen die mij opvallen:
  • Ik mis een form-tag
  • HTML: 
    <input type="INT" />
    bestaat niet

Heb je de velden, zonder Javascript, al eens in de pagina gezet en toen gekeken of ze er doorkomen?
 
Misschien dat ik er overheen kijk maar ik zie ook nergens code die gegevens weg schrijft naar een database.
 
Hallo,
Dat je de form nergens ziet klopt, die staat aan de bovenkant van het formulier, dit is een stukje uit het midden, dat je het gedeelte niet ziet waar de gegevens wegschrijft klopt ook, die staat aan de bovenkant van m'n pagina. De regel werkt, daar ligt het niet aan, ik heb het gebruikt zonder het javascript en het werkt. Maar dan staan er 13 regels op de pagina, en dat wilde ik doormiddel van dit stukje java, maar dan heeft ie er dus blijkbaar geen zin in. Hoe los ik dat op?

Met vriendelijke groet,
Branco Rensen
BR-ITDiensten
 
Ik heb er even een testbaar script van gemaakt:

PHP: 
<?php
if ("POST" === $_SERVER['REQUEST_METHOD']) {
    var_dump($_POST);
}
?>
<script>                                        
function addElement() {
 
  var ni = document.getElementById('Form-Input');
 
  var numi = document.getElementById('Inhoud');
 
  var num = (document.getElementById('Inhoud').value -1)+ 2;
 
  numi.value = num;
 
  var newdiv = document.createElement('div');
 
  var divIdName = 'Form-Input'+num+'';
 
  newdiv.setAttribute('id',divIdName);
 
  newdiv.innerHTML = '<th><input type="INT" name="boorwerk_stuks" id="boorwerk_stuks" placeholder="10" class="form-control_java"></th><th>&nbsp; Stuks &Oslash; &nbsp;</th><th><input type="INT" class="form-control_java" name="boorwerk_cm" id="boorwerk_cm" placeholder="120"></th><th>&nbsp; CM &nbsp;</th><th><select  class="form-control_java" name="boorwerk_wat"><option value="betonvloer">Betonvloer</option><option value="betonwand">Betonwand</option><option value="metselwerk">Metselwerk</option><option value="betonsteen">Betonsteen</option><option value="asfalt">Asfalt</option></select></th>';
 
  ni.appendChild(newdiv);
 
}                                           
</script>
<form method="POST">
<input type="hidden" id="Inhoud" />
 
<p><a href="javascript:;" class="fa fa-plus-square-o" onclick="addElement();">klik</a></p>
 
<div id="Form-Input"> </div>
<input type="submit" />
 </form>

Ik krijg nu wel de waardes door wanneer ik klik.

Ik vermoed dat het probleem is dat je bij meerdere keren klikken je alleen het laatste resultaat krijgt, klopt dat?
 
Dit werkt inderdaad wat jij gemaakt had, maar zodra ik het erin ga zetten en koppel aan e database, dan doet ie niets...
 
Laatst bewerkt door een moderator:
Dan is dit niet het deel waar het fout gaat :)

Controleer wat er in mijn voorbeeld anders is dan in jouw scenario
 
Het is allemaal precies hetzelfde, het ligt hier wel aan want zodra ik de regel uit het javascript haal, dan werkt het allemaal wel...
 
Als het stukje code op zich wel werkt, en wanneer je het in het geheel plakt het niet meer werkt is de enige conclusie die ik kan trekken dat er omliggende elementen in de weg zitten.

Kun je het totale script hier plaatsen?
 
PHP: 
<?php
include 'config.php';
if(!isset($_SESSION['gebruikersnaam'])){
    header("Location: login.php");
    exit;
}
?>
<?php
$werkbon = htmlspecialchars($_GET[id]);
$werkadres = mysql_query("SELECT * FROM werkbonnen WHERE id=".$werkbon." ") or die (mysql_error()); 
$boorwerk = mysql_query("SELECT * FROM boorwerk WHERE werkbon_id=".$werkbon." ") or die (mysql_error()); 
$zaagwerk = mysql_query("SELECT * FROM zaagwerk WHERE werkbon_id=".$werkbon." ") or die (mysql_error()); 
$sleufwerk = mysql_query("SELECT * FROM sleufwerk WHERE werkbon_id=".$werkbon." ") or die (mysql_error()); 
$manuren = mysql_query("SELECT * FROM manuren WHERE werkbon_id=".$werkbon." ") or die (mysql_error()); 
$uren = mysql_query("SELECT * FROM overige_uren WHERE werkbon_id=".$werkbon." ") or die (mysql_error()); 
$opmerkingen = mysql_query("SELECT * FROM opmerkingen WHERE werkbon_id=".$werkbon." ") or die (mysql_error()); 
$werknemer = mysql_query("SELECT * FROM gebruikers ") or die (mysql_error()); 

?>
<!DOCTYPE html>

    <head>
        <meta charset="UTF-8">
        <title>GR-Techniek | Werkbon bekijken</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="index.php" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                GR-Techniek <!-- Hier kan evt <img> van logo -->
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toon/Verberg navigatie</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                             <span><?php echo getFullName($userFetch); ?> <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="img/avatar3.png" class="img-circle" alt="User Image" />
                                    <p>
                                     <?php echo getFullName($userFetch); ?>
                                    </p>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">Profiel</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="uitloggen.php" class="btn btn-default btn-flat">Uitloggen</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="img/avatar3.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>Hallo, <?php echo $userFetch['voornaam']; ?></p>
                        </div>
                    </div>
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li>
                            <a href="index.php">
                                <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                            </a>
                        </li>
                        <li class="treeview active">
                            <a href="#">
                                <i class="fa fa-list-alt"></i>
                                <span>Werkbonnen</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li class="active"><a href="werkbonnen.php"><i class="fa fa-list-alt"></i> Overzicht</a></li>
                                <li><a href="nieuwe_werkbon.php"><i class="fa fa-plus"></i> Nieuwe werkbon indienen</a></li>
                            </ul>
                        </li>
						<?php
						if($userFetch['admin'] == 1){
							echo "<li class='treeview'>
							<a href='#'>
                               <i class='fa fa-briefcase'></i>
                               <span>Administratie</span>
                               <i class='fa fa-angle-left pull-right'></i>
							</a>
							<ul class='treeview-menu'>
                               <li><a href='adm_werknemers.php'><i class='fa fa-envelope'></i> Werknemers</a></li>
                               <li><a href='adm_klanten.php'><i class='fa fa-building-o'></i> Klanten</a></li>
                               <li><a href='adm_facturen.php'><i class='fa fa-credit-card'></i> Facturen</a></li>
							   <li><a href='adm_offerte.php'><i class='fa fa-gear'></i> Offerte</a></li>
							</ul>
							</li>
							";
							echo "<li class='treeview'>
                            <a href='#'>
                                <i class='fa fa-laptop'></i>
                                <span>Onderhoud</span>
                                <i class='fa fa-angle-left pull-right'></i>
                            </a>
                            <ul class='treeview-menu'>
								<li><a href='ond_inleners.php'><i class='fa fa-cloud'></i>Inleners</a></li>
                                <li><a href='ond_producten.php'><i class='fa fa-book'></i>Producten</a></li>
								<li><a href='ond_prijslijsten.php'><i class='fa fa-euro'></i> Prijslijsten</a></li>
								<li><a href='ond_info.php'><i class='fa fa-info-circle'></i> Bedrijfsinformatie</a></li>
                            </ul>
                        </li>
						";
						}?>
                    </ul>
                </section>
				<br>
				<br>
				<br>
                <center><p>Gerealiseerd door: <a href="http://www.britdiensten.nl" target="_blank">BR-ITDiensten</a></p></center>
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Werkbon
                        <small>Werkbon Bekijken</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="index.php"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="#"> Werkbonnen</a></li>
                        <li class="active">Werkbon bekijken</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box box-primary">
                                <div class="box-header">
									<br>
                                </div>
							<div class="form-signin">
								<ul class="nav nav-tabs" data-tabs="tabs">
									<li class="active"><a data-toggle="tab" href="#administratie">Administratief</a></li>
									<li><a data-toggle="tab" href="#boorwerk">Boorwerk</a></li>
									<li><a data-toggle="tab" href="#zaagwerk">Zaagwerk</a></li>
									<li><a data-toggle="tab" href="#sleufwerk">Sleufwerk</a></li>
									<li><a data-toggle="tab" href="#overig">Overige uren</a></li>
									<li><a data-toggle="tab" href="#manuren">Manuren registratie</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="administratie">									
										<form role="form">
											<div class="box-body">
												<div class="form-group">
													<h2> Factuuradres </h2>
													<br>
													<?php
													while($rij = mysql_fetch_assoc($werkadres)) 
													{ 
													echo"<label for=werkgever>Opdrachtgever:</label>
													<BR><td>".getCompanyById($db, $rij['oid'])."</td>
												</div> 
												<h2> Werkadres </h2>
												<br>
												<div class=form-group>
													<label for=klantaam>Naam:</label>
													<BR>".$rij['werk_naam']."
												</div>
												<div class=form-group>
													<label for=adres>Adres:</label>
													<BR>
													".$rij['werk_adres']."
												</div>							
												<div class=form-group>
													<label for=plaats>Plaats:</label>
													<BR>".$rij['werk_plaats']."
												</div>
												<div class=form-group>
													<label for=uitvoerder>Uitvoerder:</label>
													<BR>".$rij['werk_uitvoerder']."
												</div>						
												<div class=form-group>
													<label for=d.d>Datum:</label>
													<BR> ".$rij['werk_datum']."
												</div>							
											</div><!-- /.box-body -->
										</form>";
										}	?>
									</div>
									<div class="tab-pane" id="boorwerk">
										<form role="form">
											<div class="box-body">
												<h2> Boorwerk </h2>		
												<table class="table">
												<?php
												while($rij_boorwerk = mysql_fetch_assoc($boorwerk)) 
												{ 
												echo "<tr>
													<th>".$rij_boorwerk['boorwerk_stuks']."</th>
													<th>Stuks &Oslash;</th>
													<th>".$rij_boorwerk['boorwerk_cm']."</th>
													<th>CM</th>
													<th>".$rij_boorwerk['boorwerk_wat']."</th>
												</tr>";
												}
												?>	
												</table>
											</div><!-- /.box-body -->
										</form>
									</div>
									<div class="tab-pane" id="zaagwerk">
										<form role="form">
											<div class="box-body">
												<h2> Zaagwerk </h2>		
												<table class="table">
													<?php
													while($rij_zaagwerk = mysql_fetch_assoc($zaagwerk)) 
													{
													echo "<tr> 
														<th>".$rij_zaagwerk['diepte']."</th>
														<th>M diepte;</th>
														<th>".$rij_zaagwerk['cm']."</th>
														<th>CM</th>	".$rij_zaagwerk['wat']." </th>
													</tr>";
													}
													?>										
												</table>
											</div><!-- /.box-body -->
										</form>
									</div>
									<div class="tab-pane" id="sleufwerk">
										<form role="form">
											<div class="box-body">
												<h2> Sleufwerk </h2>		
												<table class="table">
												<?php
												while($rij_sleufwerk = mysql_fetch_assoc($sleufwerk)) 
												{ 
													echo "<tr>
														<th>".$rij_sleufwerk['meters']."</th>
														<th>m sleuvenzaagwerk metselwerk </th>
													</tr>  
													<tr>
														<th>".$rij_sleufwerk['stuks']."</th>
														<th>stuks dozen geboord metselwerk</th>
													</tr>";
												}
												?>						
												</table>
											</div><!-- /.box-body -->
										</form>
									</div>
									<div class="tab-pane" id="overig">
										<form role="form">
											<div class="box-body">
											<h2> Overige uren </h2>		
												<table class="table">
													<tr>
														<th>Aantal</th>
														<th>Omschrijving </th>
													</tr>
																<?php
												while($rij_uren = mysql_fetch_assoc($uren)) 
{ 
												echo "	<tr> ";
												echo "		<th>".$rij_uren['uren_hakwerk_kango']."</th>";
												echo "		<th>Uren hakwerk Kango </th>";
												echo "	</tr>";
												echo "	<tr>";
													echo "	<th>".$rij_uren['uren_hakwerk_compressor']."</th>";
													echo "	<th>Uren hakwerk compressor </th>";
												echo "	</tr>";
												echo "	<tr>";
												echo "		<th>".$rij_uren['uren_regiewerk']."</th>";
												echo "		<th>Uren regiewerk</th>";
												echo "	</tr>";
												echo "	<tr>";
												echo "		<th>".$rij_uren['uren_waterzuigen']."</th>";
												echo "		<th>Uren waterzuigen </th>";
												echo "	</tr>";
													echo "<tr>";
													echo "	<th>".$rij_uren['uren_wachten']."</th>";
												echo "		<th>Uren wachten</th>";
												echo "	</tr>";
												echo "	<tr>";
													echo "	<th>".$rij_uren['uren_opruimen']."</th>";
													echo "	<th>Urenopruimen</th>";
												echo "	</tr>";
												echo "	<tr>";
													echo "	<th>".$rij_uren['uren_diamantschuren']."</th>";
												echo "		<th>Uren diamantschuren </th>";
												echo "	</tr>	";
												echo "	<tr>";
												echo "		<th>".$rij_uren['terugloopuren']."</th>";
												echo "		<th>Terugloopuren</th>";
												echo "	</tr>					";		
												}
												?>			
												</table>
											</div><!-- /.box-body -->
										</form>									
									</div>
									<div class="tab-pane" id="manuren">
										<form role="form">
											<div class="box-body">
											<h2> Manuren Registratie </h2>		
											<table class="table">
												<tr>
													<th style="width:10px">#</th>
													<th>Werknemer</th>
													<th>BSN - Nummer</th>
												</tr>
												<tr>
													<th>1.</th>
													<th>
														<?php
															while($rij_manuren = mysql_fetch_assoc($manuren)) 
															{ 
															echo "".$rij_manuren['werknemer1']."";
															}
														?>	
													</th>
													<th>BSN</th>
												</tr>	
												<tr>
													<th>2.</th>
													<th>
														<?php
															while($rij_manuren = mysql_fetch_assoc($manuren)) 
															{ 
															echo "".$rij_manuren['werknemer2']."";
															}
														?>	
													</th>
													<th>BSN</th>
												</tr>	
												<tr>
													<th>3.</th>
													<th>
														<?php
															while($rij_manuren = mysql_fetch_assoc($manuren)) 
															{ 
															echo "".$rij_manuren['werknemer3']."";
															}
														?>	
													</th>
													<th>BSN</th>
												</tr>			
												<tr>
													<th>4.</th>
													<th>
														<?php
															while($rij_manuren = mysql_fetch_assoc($manuren)) 
															{ 
															echo "".$rij_manuren['werknemer4']."";
															}
														?>	
													</th>
													<th>BSN</th>
												</tr>											
											</table>
											<h2> Uren </h2>
											Totale gewerkte uren van&nbsp; <input type="text" id="naam" placeholder="07" style="width: 40px"> &nbsp;:&nbsp; <input type="text" id="naam" placeholder="00" style="width: 40px">&nbsp; t/m &nbsp;<input type="text" id="naam" placeholder="16" style="width: 40px"> : <input type="text" id="naam" placeholder="00" style="width: 40px"> &nbsp;uur
											</div><!-- /.box-body -->
										</form>
									</div>
								</div>
							</div>  <!-- /.box -->
                        </div>
                    </div>
					</div>
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
        <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- jQuery UI 1.10.3 -->
        <script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <!-- Morris.js charts -->
        <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
        <script src="js/plugins/morris/morris.min.js" type="text/javascript"></script>
        <!-- Sparkline -->
        <script src="js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
        <!-- jvectormap -->
        <script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
        <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- datepicker -->
        <script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <!-- AdminLTE App -->
        <script src="js/AdminLTE/app.js" type="text/javascript"></script>

        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>

        <!-- AdminLTE for demo purposes -->
        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>

</body>
 
Laatst bewerkt door een moderator:
Kan het kloppen dat ik hier het dynamische gedeelte in mis?

Ik zie wel een aantal <form>-tags maar zonder method of action.
 
Mijn excuses, dat is het verkeerde script, dat is de bekijk pagina
Hierbij het goede script
PHP: 
<?php
include 'config.php';
if(!isset($_SESSION['gebruikersnaam'])){
    header("Location: login.php");
    exit;
}
?>
<?php 

if(isset($_POST['verzenden'])) 
  { 
    $sopdrachtgever        =    mysql_real_escape_string($_POST['oid']);
    $swerk_naam        =    mysql_real_escape_string($_POST['werk_naam']); 
    $swerk_adres      =    mysql_real_escape_string($_POST['werk_adres']);
    $swerk_plaats      =    mysql_real_escape_string($_POST['werk_plaats']); 
    $swerk_uitvoerder      =    mysql_real_escape_string($_POST['werk_uitvoerder']);  
    $swerk_datum      =    mysql_real_escape_string($_POST['werk_datum']);  
    $sboorwerk_stuks      =    mysql_real_escape_string($_POST['boorwerk_stuks']);
    $sboorwerk_cm      =    mysql_real_escape_string($_POST['boorwerk_cm']);
    $sboorwerk_wat      =    mysql_real_escape_string($_POST['boorwerk_wat']);
    $szaagwerk_diepte      =    mysql_real_escape_string($_POST['zaagwerk_diepte']);
    $szaagwerk_cm      =    mysql_real_escape_string($_POST['zaagwerk_cm']);
    $szaagwerk_wat      =    mysql_real_escape_string($_POST['zaagwerk_wat']);
    $ssleufwerk_m      =    mysql_real_escape_string($_POST['sleufwerk_meters']);
    $ssleufwerk_stuks      =    mysql_real_escape_string($_POST['sleufwerk_stuks']);      
    $soverige_kango      =    mysql_real_escape_string($_POST['kango']);
    $soverige_compressor      =    mysql_real_escape_string($_POST['compressor']);
    $soverige_regiewerk      =    mysql_real_escape_string($_POST['regiewerk']);
    $soverige_waterzuigen      =    mysql_real_escape_string($_POST['waterzuigen']);
    $soverige_wachten      =    mysql_real_escape_string($_POST['wachten']);                
    $soverige_opruimen      =    mysql_real_escape_string($_POST['opruimen']);
    $soverige_diamantschuren      =    mysql_real_escape_string($_POST['diamantschuren']);
    $soverige_terugloopuren      =    mysql_real_escape_string($_POST['terugloopuren']);
    $smanuren_werknemer1      =    mysql_real_escape_string($_POST['werknemer1']);
    $smanuren_werknemer2      =    mysql_real_escape_string($_POST['werknemer2']);
    $smanuren_werknemer3      =    mysql_real_escape_string($_POST['werknemer3']);
    $smanuren_werknemer4      =    mysql_real_escape_string($_POST['werknemer4']);	
	$smanuren_opmerking      =    mysql_real_escape_string($_POST['opmerking']);





	
    mysql_query("INSERT INTO werkbonnen (oid, werk_naam, werk_adres, werk_plaats, werk_uitvoerder, werk_datum) VALUES ('".$sopdrachtgever."', '".$swerk_naam."', '".$swerk_adres."', '".$swerk_plaats."', '".$swerk_uitvoerder."', '".$swerk_datum."')") or die (mysql_error());
     $swerkbon_id = mysql_insert_id();
    mysql_query("INSERT INTO boorwerk (boorwerk_stuks, boorwerk_cm, boorwerk_wat, werkbon_id) VALUES ('".$sboorwerk_stuks."', '".$sboorwerk_cm."', '".$sboorwerk_wat."', '".$swerkbon_id."')") or die (mysql_error());
    mysql_query("INSERT INTO zaagwerk (diepte, cm, wat, werkbon_id) VALUES ('".$szaagwerk_diepte."', '".$szaagwerk_cm."', '".$szaagwerk_wat."', '".$swerkbon_id."')") or die (mysql_error());
    mysql_query("INSERT INTO sleufwerk (meters, stuks, werkbon_id) VALUES ('".$ssleufwerk_m."', '".$ssleufwerk_stuks."', '".$swerkbon_id."')") or die (mysql_error());
    mysql_query("INSERT INTO overige_uren (uren_hakwerk_kango, uren_hakwerk_compressor, uren_regiewerk, uren_waterzuigen, uren_wachten, uren_opruimen, uren_diamantschuren, terugloopuren, werkbon_id) VALUES ('".$soverige_kango ."', '".$soverige_compressor."', '".$soverige_regiewerk."', '".$soverige_waterzuigen."', '".$soverige_wachten."', '".$soverige_opruimen."', '".$soverige_diamantschuren ."', '".$soverige_terugloopuren."', '".$swerkbon_id."')") or die (mysql_error());
    mysql_query("INSERT INTO manuren (werknemer1, werknemer2, werknemer3, werknemer4, werkbon_id) VALUES ('".$smanuren_werknemer1."', '".$smanuren_werknemer2."', '".$smanuren_werknemer3."', '".$smanuren_werknemer4."','".$swerkbon_id."')") or die (mysql_error());





 
    echo 'Je gegevens zijn succesvol in de database geplaatst <br>
	<a href="bekijk_werkbon.php?id='.$swerkbon_id.'" class="btn btn-primary btn-flat"> Bekijk werkbon </a>
							
	
	'; 
  } 
else 
  { 
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>GR-Techniek | Werkbon indienen</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
		<link href="css/tabbladen.css" rel="stylesheet">
		<link href="css/javascript.css" rel="stylesheet">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="index.php" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                GR-Techniek <!-- Hier kan evt <img> van logo -->
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toon/Verberg navigatie</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                             <span><?php echo getFullName($userFetch); ?> <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="img/avatar3.png" class="img-circle" alt="User Image" />
                                    <p>
                                     <?php echo getFullName($userFetch); ?>
                                    </p>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">Profiel</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="uitloggen.php" class="btn btn-default btn-flat">Uitloggen</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="img/avatar3.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>Hallo, <?php echo $userFetch['voornaam']; ?></p>
                        </div>
                    </div>
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li>
                            <a href="index.php">
                                <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                            </a>
                        </li>
                        <li class="treeview active">
                            <a href="#">
                                <i class="fa fa-list-alt"></i>
                                <span>Werkbonnen</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="werkbonnen.php"><i class="fa fa-list-alt"></i> Overzicht</a></li>
                                <li class="active"><a href="nieuwe_werkbon.php"><i class="fa fa-plus"></i> Nieuwe werkbon indienen</a></li>
                            </ul>
                        </li>
						<?php
						if($userFetch['admin'] == 1){
							echo "<li class='treeview'>
							<a href='#'>
                               <i class='fa fa-briefcase'></i>
                               <span>Administratie</span>
                               <i class='fa fa-angle-left pull-right'></i>
							</a>
							<ul class='treeview-menu'>
                               <li><a href='adm_werknemers.php'><i class='fa fa-envelope'></i> Werknemers</a></li>
                               <li><a href='adm_klanten.php'><i class='fa fa-building-o'></i> Klanten</a></li>
                               <li><a href='adm_facturen.php'><i class='fa fa-credit-card'></i> Facturen</a></li>
							   <li><a href='adm_offerte.php'><i class='fa fa-gear'></i> Offerte</a></li>
							</ul>
							</li>
							";
							echo "<li class='treeview'>
                            <a href='#'>
                                <i class='fa fa-laptop'></i>
                                <span>Onderhoud</span>
                                <i class='fa fa-angle-left pull-right'></i>
                            </a>
                            <ul class='treeview-menu'>
								<li><a href='ond_inleners.php'><i class='fa fa-cloud'></i>Inleners</a></li>
                                <li><a href='ond_producten.php'><i class='fa fa-book'></i>Producten</a></li>
								<li><a href='ond_prijslijsten.php'><i class='fa fa-euro'></i> Prijslijsten</a></li>
								<li><a href='ond_info.php'><i class='fa fa-info-circle'></i> Bedrijfsinformatie</a></li>
                            </ul>
                        </li>
						";
						}?>
                    </ul>
                </section>
				<br>
				<br>
				<br>
                <center><p>Gerealiseerd door: <a href="http://www.britdiensten.nl" target="_blank">BR-ITDiensten</a></p></center>
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Nieuwe werkbon
                        <small>Nieuwe werkbonnen indienen.</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="index.php"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="#"> Werkbonnen</a></li>
                        <li class="active">Nieuwe werkbon</li>
                    </ol>
                </section>
                <section class="content">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box box-primary">
                                <div class="box-header">
									<br>
                                </div>
							<div class="form-signin">
								<ul class="nav nav-tabs" data-tabs="tabs">
									<li class="active"><a data-toggle="tab" href="#administratie">Administratief</a></li>
									<li><a data-toggle="tab" href="#boorwerk">Boorwerk</a></li>
									<li><a data-toggle="tab" href="#zaagwerk">Zaagwerk</a></li>
									<li><a data-toggle="tab" href="#sleufwerk">Sleufwerk</a></li>
									<li><a data-toggle="tab" href="#overig">Overige uren</a></li>
									<li><a data-toggle="tab" href="#manuren">Manuren registratie</a></li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="administratie">									
										<form action="#" method="POST">
											<div class="box-body">
												<div class="form-group">
													<h2> Factuuradres </h2>
													<br>
													<label for="werkgever">Opdrachtgever:</label>
													<select class="form-control" id="oid" name="oid">
														<option>Maak een keuze...</option>
														<?php
														$klantQuery = $db->query("SELECT * FROM werkgevers");
														while($werkgever = $klantQuery->fetch_assoc()){ 
														echo "<option value=".$werkgever['id'].">".$werkgever['naam']."</option>";
														} ?>
													</select>
												</div>
												<h2> Werkadres </h2>
												<br>
												<div class="form-group">
													<label for="klantaam">Naam:</label>
													<input type="text" class="form-control" name="werk_naam" id="werk_naam" placeholder="BR-ITDiensten">
												</div>                                        
												<div class="form-group">
													<label for="adres">Adres:</label>
													<input type="text" class="form-control" name="werk_adres" id="werk_adres" placeholder="Hoogmadepad 15">
												</div>										
												<div class="form-group">
													<label for="plaats">Plaats:</label>
													<input type="text" class="form-control" name="werk_plaats" id="werk_plaats" placeholder="Arnhem">
												</div>										
												<div class="form-group">
													<label for="uitvoerder">Uitvoerder:</label>
													<input type="text" class="form-control" name="werk_uitvoerder"  id="werk_uitvoerder" placeholder="Jan Bakker">
												</div>										
												<div class="form-group">
													<label for="d.d">Datum:</label>
													<input type="date" name="werk_datum" class="form-control datepicker" id="werk_datum">
												</div>								
											</div><!-- /.box-body -->
									</div>
									<div class="tab-pane" id="boorwerk">
										<div class="box-body">
										<h2> Boorwerk </h2>	
											<tr>												
												<script>                                        
													function addElement() {
													var ni = document.getElementById('Form-Input');
													var numi = document.getElementById('Inhoud');
													var num = (document.getElementById('Inhoud').value -1)+ 2;
													numi.value = num;
													var newdiv = document.createElement('div');
													var divIdName = 'Form-Input'+num+'';
													newdiv.setAttribute('id',divIdName);
													newdiv.innerHTML = '<th><input type="INT" name="boorwerk_stuks" id="boorwerk_stuks" placeholder="10" class="form-control_java"></th><th>&nbsp; Stuks &Oslash; &nbsp;</th><th><input type="INT" class="form-control_java" name="boorwerk_cm" id="boorwerk_cm" placeholder="120"></th><th>&nbsp; CM &nbsp;</th><th><select  class="form-control_java" name="boorwerk_wat"><option value="betonvloer">Betonvloer</option><option value="betonwand">Betonwand</option><option value="metselwerk">Metselwerk</option><option value="betonsteen">Betonsteen</option><option value="asfalt">Asfalt</option></select></th>';
													ni.appendChild(newdiv);
													}                                           
												</script>
												<input type="hidden" id="Inhoud" />
												<p><a href="javascript:;" class="fa fa-plus-square-o" onclick="addElement();"></a></p>
												<div id="Form-Input"> </div>
											</tr>
										</div>
									</div>
									<div class="tab-pane" id="zaagwerk">
											<div class="box-body">
												<h2> Zaagwerk </h2>		
												<table class="table">
													<tr>
														<th><input type="INT" class="form-control" name="zaagwerk_diepte" id="zaagwerk_diepte" placeholder="10" style="width: 40px"></th>
														<th>m zaagwerk diep </th>
														<th><input type="INT" class="form-control" name="zaagwerk_cm" id="zaagwerk_cm" placeholder="120" style="width: 50px"></th>
														<th>CM</th>
														<th>
															<select class="form-control" name="zaagwerk_wat" id="zaagwerk_wat" >
																<option value="betonvloer">Betonvloer</option>
																<option value="betonwand">Betonwand</option>
																<option value="metselwerk">Metselwerk</option>
																<option value="betonsteen">Betonsteen</option>
																<option value="asfalt">Asfalt</option>
															</select>
														</th>											
													</tr>                                      
												
												</table>
											</div><!-- /.box-body -->
										
									</div>
									<div class="tab-pane" id="sleufwerk">
										
											<div class="box-body">
												<h2> Sleufwerk </h2>	
													<table class="table">
														<tr>
															<th>m sleuvenzaagwerk</th>
															<th>
																<select class="form-control" name="sleufwerk" id="sleufwerk">
																	<option value="metselwerk">Metselwerk</option>
																	<option value="betonwand">Beton</option>
																	<option value="gibo/ytong">gibo / ytong</option>
																	<option value="betonsteen">Betonsteen</option>
																	<option value="cementdekvloer">Cementdekvloer</option>
																</select>
															</th>
														</tr>
														<tr>
															<th>stuks dozen geboord</th>
															<th>
																<select class="form-control" name="sleufwerk" id="sleufwerk">
																	<option value="metselwerk">Metselwerk</option>
																	<option value="betonwand">Beton</option>
																	<option value="gibo/ytong">gibo / ytong</option>
																	<option value="betonsteen">Betonsteen</option>
																	<option value="cementdekvloer">Cementdekvloer</option>
																</select>
															</th>
														</tr>
													</table>
												<div class="box-footer">
												<br>
												</div>
											</div><!-- /.box-body -->
										
									</div>
									<div class="tab-pane" id="overig">
										
											<div class="box-body">
											<h2> Overige uren </h2>		
												<table class="table">
													<tr>
														<th>Aantal</th>
														<th>Omschrijving </th>
													</tr>
													<tr>
														<th><input type="text" class="form-control" name="kango" id="kango" placeholder="10" style="width: 120px"></th>
														<th>Uren hakwerk Kango </th>
													</tr>
													<tr>
														<th><input type="text" class="form-control" name="compressor" id="compressor" placeholder="10" style="width: 120px"></th>
														<th>Uren hakwerk compressor </th>
													</tr>
													<tr>
														<th><input type="text" class="form-control" name="regiewerk" id="regiewerk" placeholder="10" style="width: 120px"></th>
														<th>Uren regiewerk</th>
													</tr>
													<tr>
														<th><input type="text" class="form-control" name="waterzuigen" id="waterzuigen" placeholder="10" style="width: 120px"></th>
														<th>Uren waterzuigen </th>
													</tr>
													<tr>
														<th><input type="text" class="form-control" name="wachten" id="wachten" placeholder="10" style="width: 120px"></th>
														<th>Uren wachten</th>
													</tr>
													<tr>
														<th><input type="text" class="form-control" name="opruimen" id="opruimen" placeholder="10" style="width: 120px"></th>
														<th>Urenopruimen</th>
													</tr>
													<tr>
														<th><input type="INT" class="form-control" name="diamantschuren" id="diamantschuren" placeholder="10" style="width: 120px"></th>
														<th>Uren diamantschuren </th>
													</tr>	
													<tr>
														<th><input type="INT" class="form-control" name="terugloopuren" id="terugloopuren" placeholder="10" style="width: 120px"></th>
														<th>Terugloopuren</th>
													</tr>										
												</table>
											</div><!-- /.box-body -->
																			
									</div>
									<div class="tab-pane" id="manuren">
										
											<div class="box-body">
											<h2> Manuren Registratie </h2>		
											<table class="table">
												<tr>
													<th style="width:10px">#</th>
													<th>Werknemer</th>
													<th>BSN - Nummer</th>
												</tr>
												<tr>
													<th>1.</th>
													<th>
														<select class="form-control" id="werknemer1" name="werknemer1" style="width:170px">
															<option>Maak een keuze...</option>
															<?php
															$klantQuery = $db->query("SELECT * FROM gebruikers");
															while($werknemer = $klantQuery->fetch_assoc()){
															echo "<option value=".$werknemer['voornaam'].">".$werknemer['voornaam']."</option>";
															} ?>
														</select>
													</th>
													<th></th>
												</tr>
												<tr>
													<th>2.</th>
													<th>
														<select class="form-control" id="werknemer2" name="werknemer2" style="width:170px">
															<option>Maak een keuze...</option>
															<?php
															$klantQuery = $db->query("SELECT * FROM gebruikers");
															while($werknemer = $klantQuery->fetch_assoc()){
															echo "<option value=".$werknemer['id'].">".$werknemer['voornaam']."</option>";
															} ?>
														</select>
													</th>
													<th></th>
												</tr>
												<tr>
													<th>3.</th>
													<th>
														<select class="form-control" id="werknemer3" name="werknemer3" style="width:170px">
															<option>Maak een keuze...</option>
															<?php
															$klantQuery = $db->query("SELECT * FROM gebruikers");
															while($werknemer = $klantQuery->fetch_assoc()){
															echo "<option value=".$werknemer['id'].">".$werknemer['voornaam']."</option>";
															} ?>
														</select>
													</th>
													<th></th>
												</tr>	
												<tr>
													<th>4.</th>
													<th>
														<select class="form-control" id="werknemer4" name="werknemer4" style="width:170px">
															<option>Maak een keuze...</option>
															<?php
															$klantQuery = $db->query("SELECT * FROM gebruikers");
															while($werknemer = $klantQuery->fetch_assoc()){
															echo "<option value=".$werknemer['id'].">".$werknemer['voornaam']."</option>";
															} ?>
														</select>
													</th>
													<th></th>
												</tr>											
											</table>
											<h2> Uren </h2>
												Totale gewerkte uren van&nbsp; <input type="text" id="naam" placeholder="07" style="width: 40px"> &nbsp;:&nbsp; <input type="text" id="naam" placeholder="00" style="width: 40px">&nbsp; t/m &nbsp;<input type="text" id="naam" placeholder="16" style="width: 40px"> : <input type="text" id="naam" placeholder="00" style="width: 40px"> &nbsp;uur
											<div class="box-footer">

											</div>
											</div><!-- /.box-body -->
											<input type="submit" name="verzenden" class="btn btn-primary btn-flat"  value="verzenden">
										</form>
									</div>
								</div>
							</div>  <!-- /.box -->
                        </div>
                    </div>
					</div>
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
		</div><!-- ./wrapper -->
		<!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- DATA TABES SCRIPT -->
        <script src="../../js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
        <script src="../../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- page script -->
        <script type="text/javascript">
            $(function() {
                $("#example1").dataTable();
                $('#example2').dataTable({
                    "bPaginate": true,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": true,
                    "bAutoWidth": false
                });
            });
        </script>
    </body>
</html>
<? 
  } 
?>
 
Maak om te debuggen eens van deze regels:
PHP: 
<?php 
 
if(isset($_POST['verzenden'])) 
  { 
    $sopdrachtgever        =    mysql_real_escape_string($_POST['oid']);
dit:
PHP: 
<?php 

if ("POST" === $_SERVER['REQUEST_METHOD']) {
    var_dump($_POST);
    exit;
    $sopdrachtgever        =    mysql_real_escape_string($_POST['oid']);
Controleer of je de waardes doorgestuurd krijgt en zo ja of je de namen ook correct overneemt.

PS: Gebruik ook die check of het formulier is verzonden en niet of een veld bestaat. Daarnaast is het gebruik van mysql_*-functies niet meer aan te raden, deze bestaan niet meer in PHP 5.5 :)
 
array(23) { ["oid"]=> string(1) "2" ["werk_naam"]=> string(20) "Eusebius kerk Arnhem" ["werk_adres"]=> string(14) "Hoogmadepad 15" ["werk_plaats"]=> string(6) "Arnhem" ["werk_uitvoerder"]=> string(15) "Gerraldo Rensen" ["werk_datum"]=> string(10) "17-10-2014" ["zaagwerk_diepte"]=> string(2) "10" ["zaagwerk_cm"]=> string(3) "120" ["zaagwerk_wat"]=> string(10) "metselwerk" ["sleufwerk"]=> string(10) "metselwerk" ["kango"]=> string(0) "" ["compressor"]=> string(0) "" ["regiewerk"]=> string(0) "" ["waterzuigen"]=> string(0) "" ["wachten"]=> string(0) "" ["opruimen"]=> string(0) "" ["diamantschuren"]=> string(0) "" ["terugloopuren"]=> string(0) "" ["werknemer1"]=> string(3) "Max" ["werknemer2"]=> string(17) "Maak een keuze..." ["werknemer3"]=> string(17) "Maak een keuze..." ["werknemer4"]=> string(17) "Maak een keuze..." ["verzenden"]=> string(9) "verzenden" }
Klik om te vergroten...

Dit is wat het als reactie geeft, bedankt voor de tip, dit weet ik inderdaad, ik moet dit ook nog aanpassen, maar wilde eerst dit werken krijgen voor ik aanpassingen ga maken.
 
Aan de array te zien komen alle velden er voor en na het stukje code wel voor in het formulier.

Wat opvallend is, is dat er geen key "Inhoud" in de array voorkomt. Dit komt omdat je voor het hidden-veld geen name hebt gespecificeerd. Als je die zou toevoegen moet daar een waarde in komen te staan want je past die aan in je JS.

Krijg je in je console ook Javascript meldingen?
 
Goede morgen,
Ik heb het veld "hidden" nu op de volgende manier aangepast:

PHP: 
											<tr>												
												<script>                                        
													function addElement() {
													var ni = document.getElementById('Form-Input');
													var numi = document.getElementById('boorwerk_cm');
													var numi = document.getElementById('boorwerk_stuks');
													var numi = document.getElementById('boorwerk_wat');
													var num = (document.getElementById('boorwerk_cm').value -1)+ 2;
													var num = (document.getElementById('boorwerk_stuks').value -1)+ 2;
													var num = (document.getElementById('boorwerk_wat').value -1)+ 2;
													numi.value = num;
													var newdiv = document.createElement('div');
													var divIdName = 'Form-Input'+num+'';
													newdiv.setAttribute('id',divIdName);
													newdiv.innerHTML = '<th><input type="INT" name="boorwerk_stuks" id="boorwerk_stuks" placeholder="10" class="form-control_java"></th><th>&nbsp; Stuks &Oslash; &nbsp;</th><th><input type="INT" class="form-control_java" name="boorwerk_cm" id="boorwerk_cm" placeholder="120"></th><th>&nbsp; CM &nbsp;</th><th><select  class="form-control_java" name="boorwerk_wat"><option value="betonvloer">Betonvloer</option><option value="betonwand">Betonwand</option><option value="metselwerk">Metselwerk</option><option value="betonsteen">Betonsteen</option><option value="asfalt">Asfalt</option></select></th>';
													ni.appendChild(newdiv);
													}                                           
												</script>
												<input type="hidden" name="boorwerk_stuks" id="boorwerk_stuks" /><input type="hidden" name="boorwerk_cm" id="boorwerk_cm"/><input type="hidden" name="boorwerk_wat" id="boorwerk_wat" />
												<p><a href="javascript:;" class="fa fa-plus-square-o" onclick="addElement();"></a></p>
												<div id="Form-Input"> </div>
											</tr>

En zodrra ik deze ga verzenden, ziet het script de velden en krijg ik het volgende als reactie:

array(26) { ["oid"]=> string(17) "Maak een keuze..." ["werk_naam"]=> string(0) "" ["werk_adres"]=> string(0) "" ["werk_plaats"]=> string(0) "" ["werk_uitvoerder"]=> string(0) "" ["werk_datum"]=> string(0) "" ["boorwerk_stuks"]=> string(0) "" ["boorwerk_cm"]=> string(0) "" ["boorwerk_wat"]=> string(1) "1" ["zaagwerk_diepte"]=> string(0) "" ["zaagwerk_cm"]=> string(0) "" ["zaagwerk_wat"]=> string(10) "betonvloer" ["sleufwerk"]=> string(10) "metselwerk" ["kango"]=> string(0) "" ["compressor"]=> string(0) "" ["regiewerk"]=> string(0) "" ["waterzuigen"]=> string(0) "" ["wachten"]=> string(0) "" ["opruimen"]=> string(0) "" ["diamantschuren"]=> string(0) "" ["terugloopuren"]=> string(0) "" ["werknemer1"]=> string(13) "BR-ITDiensten" ["werknemer2"]=> string(1) "1" ["werknemer3"]=> string(1) "1" ["werknemer4"]=> string(1) "1" ["verzenden"]=> string(9) "verzenden" }

Hij ziet de velden nu dus wel, alleen laat hij ze leeg... Hoe komt dit?

De console geeft alleen de volgende meldingen:

Lege string doorgegeven aan getElementById().
 
Ik ben er achter dat het probleem in je HTML-structuur zit.

Wanneer je de <form>-tag direct na <section class="content"> zet komen ze bij mij wel door.

Zorg dus dat je HTML valide is en dat je juist inspringt.
 
Dit werkt inderdaad. Bedankt, nu zit ik echter met het probleem dat het formulier er maar 1 post, bij alle onderdelen...

Hoe los ik dat op?
 
Je bedoelt wanneer je vaker elementen toevoegt?

Dat komt omdat je geen array-notatie gebruikt voor de velden, plak achter elke dynamische name="" blokhaken (bijv: name="boorwerk_stuks[]") en je zult alles terugvinden. :)

Overigens gaat nu de id="" niet echt meer op want het is geen unieke waarde meer.
 
Jaa inderdaad, oke dat ga ik proberen,

Wat bedoel je precies met dat de id="" geen unieke waarde meer heeft? In de regel? En waarom niet dan? (Sorry misschien domme vraag!)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan