CODEWITHSUNDEEP
phpjavascripthtmlforms
Jon Sigman
Jon Sigman

Reputation: 31

Using one <form>'s selection to feed into another <form>?

From within php, I have a large html <form> filled out with lots rows of patient info from a postgres database. When a doctor double-clicks on a row, it sets a var in $_POST and invokes another php script to read up and display specific info about that row from the database. This all works.

But there are now so many rows of patient data that the doctors don't want to scroll and scroll to find the patient rows they're looking for, they want a patient prefilter <form> so that a click on an element in it will result in the large display filtered to just that patient's rows.

What's a basic approach to doing this? I'm a newb; I'm currently using html, php, and some javascript.

Upvotes: 1

Views: 97

Answers (1)

bkconrad
bkconrad

Reputation: 2650

Make a second form with whatever options you'd like to filter on, this part will be specific to your data but you want something like

<form id="search-form">
  <label>Name:</label><input type="text" name="patient-name"></input>
</form>

You'll need to build a query string (and make sure you use GET, because that will make things easier for you). This will require tweaking if you want to use radio buttons, or something similar, but here's the general idea:

function getSearchParameters () {
  var form = document.getElementById('search-form');
  var inputs = form.getElementsByTagName('input');
  var result = '';
  var i;
  for (i = 0; i < inputs.length; i++) {
    if (inputs[i].value) {
      result += "&" + inputs[i].name + "=" + inputs[i].value;
    }
  }
  return result;
}

In the onClick handler for your patient data links, you'll call this function and append its result to your query string:

element.onclick = function () {
  var patientDataUrl = '/patients.php?param1=someValue';
  patientDataUrl += getQueryParameters();
  /* then do your ajax stuff as normal */
};

Then on the server side, within patients.php simply check for the presence of the search fields i.e.

if(isset($_GET['patient-name'])) {
  $patient_name = mysql_real_escape_string($_GET['patient-name']);
  $query = "SELECT * FROM `patients` WHERE `patient_name`='$patient_name';";
} else {
  $query = "SELECT * FROM `patients`;";
}

(make sure you sanitize the string!)

I'd recommend considering a JS framework to make your life much easier (for instance, jQuery would allow you to send this via POST or easily serialize it into a GET query string via .serialize())

Upvotes: 1

Related Questions