Ik ben bezig met een formulier waarin je titels aan kunt maken.
Alleen gebeurt er niks als je op de knop NIEUWE TITEL drukt.
Waar kan dat door komen?

TITELS:

                        
                   
                                      <script>
				   $(document).ready(function() {
    var max_fields      = 20; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID
    
    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment 
			
			$.post( "shared/updateTitles.php", { func: "getTitleID" }, function( data ) {
  console.log( data.titleID ); 
}, "json");		
		
            $(wrapper).append('<li class="drsubject" id="<?php echo $titleID; ?>"><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> &nbsp;Verwijder</a></td></tr></table></li>'); //add input box
			
	
			
        }
		
		
    });
    

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parents('li').remove(); x--;
    })
});
</script>

Hieronder kun je titels aanmaken en invullen.<br>
Wil je alleen de naam van iemand in beeld weergeven, laat dan de functie leeg.<br>
Titels voor items kun je inmonteren.<br><br>


 <button  class="add_field_button"><i class="fa fa-user"></i> &nbsp;NIEUWE TITEL</button><br><br>

                  <?php


		     	 echo "<div id=\"response\" style=\"display: none;\"> </div>";
    	 		 echo "<div id=\"list\"><ul class=\"input_fields_wrap\">";

				$querytitels  = "SELECT * FROM titels WHERE itemID = '".$itemID."' ORDER BY volgorde ASC";
				
				$resulttitels = mysqli_query($conn, $querytitels);
				$count_query_titels = mysqli_num_rows($resulttitels);
				
				if($count_query_titels == "0"){
				
				}
				else{


		 
		 
				while($titellist = mysqli_fetch_array($resulttitels, MYSQLI_ASSOC))
				{
					
				$titelID = stripslashes($titellist['titelID']);
				$naam = stripslashes($titellist['naam']);
				$functie = stripslashes($titellist['functie']);
				$volgorde = stripslashes($titellist['volgorde']);
	
	
      			echo "<li class=\"drsubject\" id=\"arrayorder_$titelID\"><table><tr><td style=\"padding-left: 5px;\"><img src=\"layout/images/cursor.png\"></td><td style=\"padding-left: 5px;\"><input id=\"arrayorder_$titelID\" type=\"text\" name=\"titelnaam[]\" value=\"$naam\" placeholder=\"Naam\" class=\"form-control\" style=\"width:200px;\"></td><td style=\"padding-left: 5px;\"><input type=\"text\" name=\"titelfunctie[]\" value=\"$functie\" placeholder=\"Functie\" class=\"form-control\" style=\"width:200px;\"></td><td style=\"padding-left: 5px;\"><a href=\"#\" class=\"remove_field\"><i class=\"fa fa-trash\"></i> &nbsp;Verwijder</a></td></tr></table></li>";
				}
				echo "</ul>";
				}

						
?>
</div>


UPDATE_TITELS.PHP (database connectie werkt)

<?php 
include("includes/globals.php");

$array	= $_POST['arrayorder'];

if ($_POST['update'] == "update"){
	
	$count = 1;
	foreach ($array as $idval) {
	
	$search_titel = mysqli_query($conn, "SELECT * FROM titels WHERE titelID = " . $idval.""); 
	$count_titel = mysqli_num_rows($search_titel);

        if($count_titel != "0"){
		$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('NaamTEST123', 'functie', '0', '15', '158', '25')") or die('Fout, titel is niet ingevoegd');
		}
	
	
		$query = "UPDATE titels SET volgorde = " . $count . " WHERE titelID = " . $idval;
		mysqli_query($conn, $query) or die('Fout, volgorde is niet aangepast');
		$count ++;	
	}
	echo "De volgorde van de titels is opgeslagen.";
}

if ($_POST['titleID']){
	
$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('DEZEDAN', 'functie', '0', '15', '158', '25')") or die('Fout, titel is niet ingevoegd');

$titleID = "5";

}

?>
Welkt het wel als je het droog uitvoert, en dus je PHP-script aaanroept?
Een button in een formulier reageert eigenlijk alleen als Submit. Als je type=“button” bij de button opneemt, dan kun je meer zaken per click regelen.
Ik heb het probleem opgelost.
Alleen zit nog met een ding: mijn update_titels.php-pagina geeft een variable $newTitleID = $conn->lastInsertId(); terug.
Hoe kan ik die op de index weergeven?
Als ik: alert( "Data Loaded: " + data ); opvraag, zit die variable daarin.

De var moet uiteindelijk als titleID hierin komen:

$(wrapper).append('<li class="drsubject" id="titelID"><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> &nbsp;Verwijder</a></td></tr></table></li>'); //add in

Reageren