title: retrieve records using ajax and display them in php
body: <p>I currently have a webpage that works great. I select my load number and a ajax query gets the information and puts the results in textboxs. The page is split, one part displays information, but when "print" is selected, it formats the results to print a bubble sheet.</p>
  
  <p>Here is the problem. Instead of displaying the "On Screen" results in textboxs, I would rather just display as normal text.</p>
  
  <p>The active page is located at <a href="http://www.truckersean.com/LoadView3.php" rel="nofollow">this address</a></p>
  
  <p>The retrieval code is quite long, here is a sample.</p>
  
  <pre><code>&lt;script&gt;
  
    $(document).ready(function(){ /* PREPARE THE SCRIPT */
  
      $("#loads").change(function(){ /* TRIGGER THIS WHEN USER HAS SELECTED DATA FROM THE SELECT FIELD */
  
        var loadnumber = $(this).val(); /* STORE THE SELECTED LOAD NUMBER TO THIS VARIABLE */
  
        $.ajax({ /* START AJAX */
  
          type: "POST", /* METHOD TO USE TO PASS THE DATA */
          url: "actionprt.php", /* THE FILE WHERE WE WILL PASS THE DATA */
          data: {"loadnumber": loadnumber}, /* THE DATA WE WILL PASS TO action.php */
          dataType: 'json', /* DATA TYPE THAT WILL BE RETURNED FROM action.php */
          success: function(result){
            /* PUT CORRESPONDING RETURNED DATA FROM action.php TO THESE TEXTBOXES */
      for (i = 1; i &lt; 14; i++) { 
          $("#prtDescription" + i).val("");
          $("#prtMethod" + i).val("");
          $("#prtPONumber" + i).val("");
          $("#prtGallons" + i).val("");
          $("#prtAmount" + i).val("");
      } 
  
        $("#NumberStops").val(result.NumberStops);
        $("#ShipperName").val(result.CustomerName);
        $("#prtship").val(result.CustomerName);
        $("#ShipperAddr1").val(result.CustomerAddress);
        $("#ShipperAddr2").val(result.CustomerAddress2);
        $("#ShipperCity").val(result.CustomerCity);
        $("#prtshipcity").val(result.CustomerCity);
        $("#ShipperState").val(result.CustomerState);
        $("#prtshipstate").val(result.CustomerState);
        $Phone = result.CustomerPhone
    $Phone = '(' + $Phone.substring(0,3) + ') ' + $Phone.substring(3,6) + '-' + $Phone.substring(6,10)
        $("#ShipperPhone").val(result.CustomerPhone);
        $("#ShipperContact").val(result.CustomerContact);
        $("#PickupDate").val(result.PickupDate);
        $("#prtdate").val(result.PickupDate);
        $("#PickupTime").val(result.PickupTime);
        $("#CustomerPO").val(result.CustomerPO);
        $("#Weight").val(result.Weight);
        $("#prtweight").val(result.Weight);
        $("#Pieces").val(result.Pieces);
        $("#prtpieces").val(result.Pieces);
        $("#BLNumber").val(result.BLNumber);
        $("#prtbol").val(result.BLNumber);
        $("#TrailerNumber").val(result.TrailerNumber);
        $("#prttrailer").val(result.TrailerNumber);
  </code></pre>
  
  <p>...</p>
  
  <p>I tried document.write() but that cleared the page which is not what I am looking for. I want to keep my images and combobox selection box on the page so I can select other loads when needed rather then just one at a time.</p>
  
  <p>Please help.... If you require more information to answer the question, please ask and I will post.</p>