JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<title>ISIN Editor</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<form id="form<? echo $row['map_id'] ?>">
<table>
<tr>
<th>map_id</th>
<th>RIA CRD</th>
<th>Reported CUSIP</th>
<th>Reported Ticker</th>
<th>Reported Description</th>
<th>Date Range</th>
<th>New isin</th>
<th>New CUSIP</th>
<th>New Ticker</th>
<th>Submit Change</th>
</tr>
<tr>
<input type="hidden" name="map_id" class="map_id" value="map_id"/>
<td>mapId</td>
<td>ria_crd</td>
<td>position_cusip</td>
<td>'position_ticker</td>
<td>'position_description</td>
<td>position_first_date . position_last_date</td>
<td><input type="text" name="corrected_isin" class="corrected_isin" value="val1"/></td>
<td><input type="text" name="corrected_cusip" class="corrected_cusip" value="val2"/></td>
<td><input type="text" name="corrected_ticker" class="corrected_ticker" value="val3"/></td>
<td><input type='submit' value='Update' /></td>
</tr>
<tr>
<input type="hidden" name="map_id" class="map_id" value="map_id2"/>
<td>mapId</td>
<td>ria_crd</td>
<td>position_cusip</td>
<td>'position_ticker</td>
<td>'position_description</td>
<td>position_first_date . position_last_date</td>
<td><input type="text" name="corrected_isin" class="corrected_isin" value="val11"/></td>
<td><input type="text" name="corrected_cusip" class="corrected_cusip" value="val22"/></td>
<td><input...
CSS
tr{
border: 1px solid black;
}
JavaScript
$(document).ready(function(){
$("form").submit(function() {
var map_id = $(".map_id").attr('value');
var corrected_isin = $("input[class=corrected_isin]").val();
var corrected_cusip = $("input[class=corrected_cusip]").val();
var corrected_ticker = $("input[class=corrected_ticker]").val();
alert(map_id);
alert(corrected_isin);
alert(corrected_cusip);
alert(corrected_ticker);
$.ajax({
type: "GET",
url: "aj/table_edit_ajax.php",
data: {corrected_isin: corrected_isin, corrected_cusip: corrected_cusip, corrected_ticker: corrected_ticker, map_id: map_id},
cache: false,
success: function(){
alert(map_id + " " + corrected_isin + " " + corrected_cusip + " " + corrected_ticker );
}
});
return false;
});
});