JSFiddle - React, Tailwind, and code Playground
HTML
<table style="border-style:solid;display: inline-block; ">
<tr>
<td>Person First Name</td>
<td>
<input type="text" id="searchPersonFName" />
</td>
</tr>
<tr>
<td>Person Last Name</td>
<td>
<input type="text" id="searchPersonLName" />
</td>
</tr>
<tr>
<td>Person Telephone Number</td>
<td>
<input type="text" id="searchPersonNumber" />
</td>
</tr>
<tr>
<td>Person Company Name</td>
<td>
<input type="text" id="searchPersonCompName" />
</td>
</tr>
<tr>
<td>Person Fax</td>
<td>
<input type="text" id="searchPersonFax" />
</td>
</tr>
<tr>
<td>Email Address</td>
<td>
<input type="text" id="searchPersonEmail" />
</td>
</tr>
<tr>
<td>Prov/State</td>
<td>
<input type="text" id="searchPersonProvState" />
</td>
</tr>
<tr>
<td>Postal Code</td>
<td>
<input type="text" id="searchPersonPostalCode" />
</td>
</tr>
<tr>
<td>City</td>
<td>
<input type="text" id="searchPersonCity" />
</td>
</tr>
<tr>
<td>Country</td>
<td>
<input type="text" id="searchPersonCountry" />
</td>
</tr>
</table>
<input type="button" id="btnSearchPerson" onclick="searchPerson();" value="Search Person" />
JavaScript
var INTERVAL = 3000; // submission will fire every xxxx milliseconds
function searchPerson() {
// not sure what you want to happen here, or if this is already defined in your code or what...
}
// fill this JSON object with all your data
var filterList = [{
PersonFName: 'Steve',
PersonLName: 'Stevenson',
PersonNumber: '123',
PersonCompName: 'a',
PersonFax: '456',
PersonEmail: '[email protected]',
PersonProvState: 'NY',
PersonPostalCode: '123',
PersonCity: 'NYC',
PersonCountry: 'USA'
}, {
PersonFName: "Greg",
PersonLName: "Gregory"
// etc...
}];
// fills the form inputs with the values from the JSON
var fillForm = function (obj) {
$.each(obj, function (key, val) {
$("#search" + key).val(val);
});
};
var i = 0;
setInterval(function () {
if (i === filterList.length) {
console.log("Done.");
return;
}
$("input").val(""); // clear previous input
fillForm(filterList[i]);
searchPerson(); // or $("#btnSearchPerson").click();
console.log("Submitted. Count: " + i);
i++;
}, INTERVAL);