how i can do

this is my page php

<form action="<?php echo $PHP_SELF; ?>" method="post" enctype="multipart/form-data">
                    
                    <div class="form-group">
                      <h4 style="color:red;">Package Name :</h4>
					  <input type="text" class="form-control" name="Package" placeholder="Add Name To This Tour"/>
                    </div>
					<br>
					<div class="form-group">
                      <h4 style="color:red;">Detailed Itinerary :</h4>
					  <textarea class="textarea" name="Itinerary" placeholder="Add Detailed Itinerary" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                    </div>
					<br>
					<div class="form-group">
                      <h4 style="color:red;">Inclusion :</h4>
                      <textarea class="textarea" name="Inclusion" placeholder="Add Inclusion" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                    </div>
					<br>
					<div class="form-group">
                      <h4 style="color:red;">Exclusion  :</h4>
                      <textarea class="textarea" name="Exclusion" placeholder="Add Inclusion" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                    </div>
					<br>
					<div class="form-group">
                      <h4 style="color:red;">Important Note  :</h4>
                      <textarea class="textarea" name="Important" placeholder="Add Inclusion" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                    </div>
					<br>
					<div class="form-group">
                      <h4 style="color:red;">Trip Duration :</h4>
					  <input type="text" class="form-control" value="ahmed" disabled/>
                    </div>
					<br>
					<br>                  
					<br>
					<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
					<script type="text/javascript">
						$(document).ready(function(){
							$(".add-row").click(function(){
								var type=$("#type").val();
								var name = $("#HName").val();
								var adults = $("#Adults").val();
								var meal= $("#meal").val(); 
								var markup = "<tr><td><input type='checkbox' name='record'></td><td>" + type + "</td><td>" + name + "</td><td>" + adults + "</td><td>" + meal + "</td></tr>";
								$("table tbody").append(markup);
							});
							
							// Find and remove selected table rows
							$(".delete-row").click(function(){
								$("table tbody").find('input[name="record"]').each(function(){
									if($(this).is(":checked")){
										$(this).parents("tr").remove();
									}
								});
							});
						});    
					</script>
					<form class="table table-bordered table-striped">
						<div class="row">
							<div class="col-md-3">
								<select class="form-control" id="type">
									<option>Hotels</option>
									<option>Boats</option>
								</select>
							</div>
							&nbsp;
							<div class="col-md-2">
								<select class="form-control" id="HName">
									<option>hilton</option>
									<option>movinbic</option>
								</select>
							</div>
							&nbsp;
							<div class="col-md-2">
								<select class="form-control" id="Adults">
									<option>1</option>
									<option>2</option>
									<option>3</option>
								</select>
							</div>
							&nbsp;
							<div class="col-md-4">
								<select class="form-control" id="meal">
									<option>Breakfast</option>
									<option>Breakfast/Dinner</option>
									<option>Breakfast/Lunch/Dinner</option>
									<option>Soft All Inclusive</option>
									<option>All Inclusive</option>
								</select>
							</div>
						</div>
						<br>
						<br>
						<input type="button" class="add-row" value="Add Row">
						<br>
						<br>
					</form>
					<table id="example1" class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>#</th>
								<th>Hotels/Boats</th>
								<th>Name</th>
								<th>Adults</th>
								<th>Meal Plan</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								
							</tr>
						</tbody>
					</table>
					<br>
					<br>
					<button type="button" class="delete-row">Delete Row</button>
					<br>
                    <div class="form-group">
                      <h4 style="color:red;">Package Price :</h4>
					  <div class="col-md-5">
					  <input type="text" class="form-control" name="subject" placeholder="Add Name To This Tour"/>
					  </div>
					  <div class="col-md-5">
					  <input type="text" class="form-control" value="(€) Euro" disabled/>
					  </div>
                    </div>
					<br>
					<br>
					<div class="form-group">
                      <h4 style="color:red;">Car Used :</h4>
					  <select class="form-control">
					  <option>Toyota Innova</option>
					  <option>Scoda Fleshia</option>
					  <option>BMW</option>
					  </select>
                    </div>
					<br>
					<div class="form-group">
					<div class="box-body">
                      <label for="exampleInputFile"><h4 style="color:red;">Upload Pictures :</h4></label>
                      <input type="file">
                    </div>
					</div>
                  </form>

Open in new window



the question is how to add form with jquery table into mysql

consider that this jquery add row when i click add row button on
AHMED SAMYownerAsked:
Who is Participating?
 
AHMED SAMYConnect With a Mentor ownerAuthor Commented:
this is the very good sample for what i need

i need this exactly a have jquery table need to insert into database

Store HTML Table Values in a Javascript Array and Send to a PHP Script Using jQuery and Ajax
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.