| Server IP : 162.240.98.243 / Your IP : 13.59.32.1 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/public_html/login.easenup.in/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Add / Remove Table Rows Dynamically</title>
<style>
form{
margin: 20px 0;
}
form input,select, button {
padding: 5px;
}
table{
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
table, th, td{
border: 1px solid #cdcdcd;
}
table th, table td{
padding: 10px;
text-align: left;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$(".add-row").click(function(){
var requesttestid = $("#requesttestid").val();
var testid = $("#testid").val();
var markup = "<tr><td><input type='checkbox' name='record'></td><td>" + requesttestid + "</td><td>" + testid + "</td></tr>";
$("#table2 tbody").append(markup);
});
// Find and remove selected table rows
$(".delete-row").click(function(){
$("#table2 tbody").find('input[name="record"]').each(function(){
if($(this).is(":checked")){
$(this).parents("tr").remove();
}
});
});
});
</script>
</head>
<body>
<form action="actionfinal.php" method="POST">
<table>
<tr>
<?php
session_start();
include('dbconnection.php');
$sql1 ="SELECT * FROM patient WHERE patientid='$_GET[patientid]'";
$qsql1 = mysqli_query($con,$sql1);
while($rspi1 = mysqli_fetch_array($qsql1))
{
echo"
<td width='25%'>
<input type='hidden' name='prescriptionid[]' value='$_GET[prescriptionid]'>
<input type='hidden' name='patientid[]' value='$_GET[patientid]'>
";
}
?>
<div class="form-group">
<label>Investigation Type </label>
<select onchange="ivtype(this.value)" class="form-control" id='requesttestid' name="requesttestid[]">
<option value="44">Radiology</option>
<option value="45">Pathology</option>
</select>
</div>
</td>
<td width='25%'>
<div id='divmedidr'>
<select onchange="ivload(this.value)">
<option value="" selected="selected">Select Investigation</option>
<option value="10">Ultrasound & Doppler</option>
<option value="11">MRI</option>
<option value="12"> CT + 3D</option>
<option value="13"> X RAYS</option>
<option value="14"> Fluoroscopy</option>
<option value="15">Mammography</option>
<option value="16"> Biometry</option>
</select>
</div>
</td>
<td width='25%'>
<div id='divdr'>
</div>
</td>
</td><td width='13%'>
<select name="Priority_slip">
<option value="">Priority slip </option>
<option value="Urgent">Urgent </option>
<option value="Normal">Normal </option>
</td>
<td width='12%'>
<input type="reset" class="add-row" onclick="clearTheTextField()" value="Add Row"></td>
</tr>
</table>
<table id='table2'>
<thead>
<tr>
<th>Select</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="record"></td>
<td><input type='hidden' name='requesttestid[]' value='Peter Parker'>Peter Parker</td>
<td><input type='hidden' name='testid[]' value='peterparker@mail.com'>peterparker@mail.com</td>
</tr> <tr>
<td><input type="checkbox" name="record"></td>
<td><input type='hidden' name='requesttestid[]' value='Peter Parker'>Peter Parker</td>
<td><input type='hidden' name='testid[]' value='peterparker@mail.com'>peterparker@mail.com</td>
</tr>
<tr>
<td><input type="checkbox" name="record"></td>
<td><input type='hidden' name='requesttestid[]' value='Peter Parker'>Peter Parker</td>
<td><input type='hidden' name='testid[]' value='peterparker@mail.com'>peterparker@mail.com</td>
</tr>
</tbody>
</table>
<button type="button" class="delete-row">Delete Row</button>
</body>
</html>
<input type="submit" value="Submit">
</form>
<script>
function ivload(drid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divdr").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","loadiv.php?drid="+drid,true);
xmlhttp.send();
}
</script>
<script>
function boddyload(bodyid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divbody").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","loadbodyiv.php?bodyid="+bodyid,true);
xmlhttp.send();
}
</script>
<script>
$(document).ready(function () {
$('select12').selectize({
sortField: 'text'
});
});
</script>
<script>
function ivtype(ivtypeid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divmedidr").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","loadivtype.php?ivtypeid="+ivtypeid,true);
xmlhttp.send();
}
</script>