Inserting table data to sql - php

Question

I have a modal that will let user choose an equipment then input the quantity.
<div class="container">
<!-- Trigger the modal with a button -->
<button type="button" class="button-1 btn-lg" data-toggle="modal" data-target="#myModal" style="width: 26%; margin:0; height: 40px; font-size: 100%;">Choose Equipment</button>
<!-- MODAL -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- MODAL CONTENT-->
<div class="modal-content">
<div class="modal-header">
<p>Choose An Equipment Below</p>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p>Available Equipments</p>
<div class="form-inline">
<!-- DROPDOWN LIST FROM DATABASE -->
<select id="equipment" name="equipment" class="form-control">
<option selected="" disabled="">Select Equipment</option>
<?php
$sql = mysqli_query($conn, "SELECT resource_name From resources WHERE resource_type = 'EQUIPMENT';");
$row = mysqli_num_rows($sql);
while ($row = mysqli_fetch_array($sql)){
echo "<option name = 'equipment' value ='". $row['resource_name'] ."'>" .$row['resource_name'] ."</option>" ;
}
?>
</select>
<br><br>
<input type="text" id="qnty-1" class="form-control" placeholder="Quantity" name="quantity" style="width:24%; margin-left: 50px;"><br/>
<br/><br/>
</div>
</div>
<div class="modal-footer">
<input class="submit-3" id="addToTable" type="submit" value="Submit" name="submit-2" onclick="passValue1(); trigData()" data-dismiss="modal" />
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
When submitted, the modal will disappear and the data that has been selected will display on the table. I can insert the first selected data to the database but if I choose 2 different data or same data, It will just insert one on the database. Is there a way I can insert all selected data to the database?
<div class="b-form-outline">
<h1>Equipment Borrowing Form</h1>
<div class="borrow-list-area">
<table class="container-2" id="container-2">
<thead>
<tr>
<style>
th,
td {
text-align: center;
}
</style>
<th>Equipment</th>
<th>Quantity</th>
<th hidden>Serial No.</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<script>
function passValue1() {
document.getElementById("quantity").innerHTML =
document.getElementById("qnty-1").value;
}
$('#addToTable').click(function() {
var eqpmnt = $('#equipment').val(),
qnt = $('#qnty-1').val();
$('table tbody').append('<tr><td>' + eqpmnt + '</td><td>' + qnt + '</td>
</tr>');
});
I've tried this insert code but again, it will only insert one row of data from the table. If anyone can please help me. Thanks a lot!
<?php
include('dbconnector.php');
$id_num = $_POST['idnumber'];
$s_date = $_POST['startdate'];
$e_date = $_POST['enddate'];
$s_time = $_POST['starttime'];
$e_time = $_POST['endtime'];
$prpse = $_POST['purpose'];
$equipment = $_POST['equipment'];
$qnty = $_POST['quantity'];
$subj = $_POST['subject'];
$onCamp = isset($_POST['check-1']) ? $_POST['check-1'] : "Off-Campus";
// CREATES A NEW TRANSACTION THAT WAS SUBMITTED USING THE BORROW FOWM
$query = "SELECT * FROM resources;"; // ACCESS TABLE RESOURCES
$con = mysqli_query($conn, $query);
if ($con->num_rows > 0){
while($row = mysqli_fetch_array($con)){
$rsname = $row['resource_name'];
if (strcmp($equipment, $rsname) == 0) {
$sql = "INSERT INTO transactions (id_number, start_date, end_date, start_time, end_time, purpose, quantity, subject, use_place) VALUES ('$id_num', '$s_date', '$e_date', '$s_time', '$e_time', '$prpse', '$qnty', '$subj', '$onCamp');";
}
}
}
if (!mysqli_query($conn,$sql)) {
$message = "Error Sending Form";
echo "<script type='text/javascript'>alert('$message');</script>";
}
else {
header("refresh: 1; url=borrow.php");
}
?>
Adjusted for #Jon Stirling
$query = "SELECT * FROM resources;"; // ACCESS TABLE RESOURCES
$con = mysqli_query($conn, $query);
if ($con->num_rows > 0){
while($row = mysqli_fetch_array($con)){
$rsname = $row['resource_name'];
if (strcmp($equipment, $rsname) == 0) {
$sql = "INSERT INTO transactions (id_number, start_date, end_date, start_time, end_time, purpose, quantity, subject, use_place) VALUES ('$id_num', '$s_date', '$e_date', '$s_time', '$e_time', '$prpse', '$qnty', '$subj', '$onCamp');";
if (!mysqli_query($conn,$sql)) {
$message = "Error Sending Form";
echo "<script type='text/javascript'>alert('$message');</script>";
}
else {
header("refresh: 1; url=borrow.php");
}
}
}
}