Anzeige von mysql-Daten auf Seite ohne Aktualisierung einer Seite - drop-down-Liste

Brauche ich etwas Hilfe bitte,

Ich habe eine PHP-Seite mit einem drop-down-Liste, bevölkert von einer mysql-Datenbank Abfrage.
Ich möchte in der Lage sein, um die Anzeige der Datenbank-details für die ausgewählte option in den anderen Zellen der Tabelle.
Im Idealfall kann dies erreicht werden, ohne eine Aktualisierung der Seite.

Zusätzlich zu dieser Tabelle wird aus bis zu 75 Zeilen (Paletten auf das Fahrzeug - dies ist für ein Verkaufs-tool), so müssen Sie zu erreichen dies mit einer while-Anweisung oder sowas. jede Zeile wird ein Auswahl-Feld und wählen Sie eine packcode.

mein code mit dem drop-down-Listen unten die Tabelle besteht nur aus den 5 Zeilen für jetzt.

Ich weiß, ich brauche zu verwenden, ajax oder javascript zusätzlich zu dieser?

Wenn jemand ein Beispiel script oder kann mein code als Beispiel würde ich wirklich zu schätzen es.

<?

  $con = mysql_connect("localhost","user","password");
  if (!$con)
  {
    die('Could not connect: ' . mysql_error());
  }

  mysql_select_db("dbname", $con);

  $packcodesql="SELECT packcode from skudata order by packcode"; 
  $resultpackcode=mysql_query($packcodesql); 
  $optionspackcode=""; 

  while ($row=mysql_fetch_array($resultpackcode)) { 
     $packcode=$row["packcode"]; 
     $optionspackcode.="<OPTION VALUE=\"$packcode\">".$packcode; 
  } 
?>

<table border=1>
<tr>
  <td>Pack Code</td>
  <td>Category</td>
  <td>Selling Units</td>        
  <td>Full Pallet QTY</td>
  <td>Order QTY</td>
</tr>
<Tr>
  <td>
    <SELECT NAME=packcode1 style="width:100px;"> 
        <OPTION VALUE=0><?=$optionspackcode?></SELECT> 
  </td>
  <td>
    <!-- show mysql result for "select Category from skudata where packcode=packcode1" -->
  </td>
  <td>
    <!-- show mysql result for "select SellingUnits from skudata where packcode=packcode1" -->
  </td>     
  <td>
    <!-- show mysql result for "select FullPalletQTY from skudata where packcode=packcode1" -->
  </td>
  <td><input type="text" id="qty" name="qty"></td>
</tr>       
<Tr>
  <td>
    <SELECT NAME=packcode2 style="width:100px;"> 
        <OPTION VALUE=0><?=$optionspackcode?></SELECT> 
  </td>
  <td>
    <!-- show mysql result for "select Category from skudata where packcode=packcode2" -->
  </td>
  <td>
   <!-- show mysql result for "select SellingUnits from skudata where packcode=packcode2" -->
  </td>     
  <td>
   <!-- show mysql result for "select FullPalletQTY from skudata where packcode=packcode2" -->
  </td>
  <td><input type="text" id="qty" name="qty"></td>
</tr>       
<Tr>
   <td>
    <SELECT NAME=packcode3 style="width:100px;"> 
        <OPTION VALUE=0><?=$optionspackcode?></SELECT> 
   </td>
   <td>
    <!-- show mysql result for "select Category from skudata where packcode=packcode3" -->
   </td>
   <td>
    <!-- show mysql result for "select SellingUnits from skudata where packcode=packcode3" -->
   </td>        
   <td>
    <!-- show mysql result for "select FullPalletQTY from skudata where packcode=packcode3" -->
   </td>
   <td><input type="text" id="qty" name="qty"></td>
</tr>       
<Tr>
   <td>
    <SELECT NAME=packcode4 style="width:100px;"> 
        <OPTION VALUE=0><?=$optionspackcode?></SELECT> 
   </td>
   <td>
    <!-- show mysql result for "select Category from skudata where packcode=packcode4" -->
   </td>
   <td>
   <!-- show mysql result for "select SellingUnits from skudata where packcode=packcode4" -->
   </td>        
   <td>
    <!-- show mysql result for "select FullPalletQTY from skudata where packcode=packcode4" -->
   </td>
   <td><input type="text" id="qty" name="qty"></td>
</tr>       
</table>
InformationsquelleAutor Smudger | 2012-01-10
  1. 2

    Sie möchten füllen Sie die mit Daten aus einer Datenbank, die mit der box über die td ' s?

    Wenn dem so ist, könnte man AJAX verwenden, ja, und ein onclick (ziemlich sicher, dass es tun sollten) auf die Optionen des select-box.

    <select>
    <option onclick="myAjaxFunction(this);">Some name</option>
    <option onclick="myAjaxFunction(this);">Some other name</option>
</select>

    dann würden Sie haben, um die Funktion zu erstellen myAjaxFunction enthalten wird, geben Sie den code für den Ajax-request (http://api.jquery.com/jQuery.ajax/).
    Einfaches Beispiel könnte sein:

    <script>
function myAjaxFunction(elem) {
    $.ajax({
        url: 'target/file.php',
        success: function(response) {
            $("#target-td").html(response);
        }
    });
}
</script>

    Schließlich ein .php-Datei-Aufruf mit AJAX, mit Ihrer Datenbank aufrufen. In der Datei, die Sie einfach ausblenden, was Sie anzeigen möchten.

    Ideal wäre, wenn Sie tun, ein Anruf und senden Sie es alle mithilfe von json. Ein Attribut 

    dataType: 'json'

    können Hinzugefügt werden, um die $.ajax () - Aufruf, und Sie können Sie verwenden:

    echo json_encode($myContent);

    in PHP json Kodieren Sie php-Inhalt (am besten in einem array()).

    Diese sollte haben darauf hingewiesen, dass Sie in der Art 🙂 bitte sagen Sie mir, wenn ich brauche, um genauer zu sein, oder bessere Beispiele...

    UPDATE

    Könnten Sie schaffen einzigartige id für jedes der td ' s, die Sie ansprechen möchten. Dann erstellen 

    <td>
    <select>
        <option onclick="firstPackCodeAjax('<?=$packcodeValue?>');" value="<?=$packcodeValue?>"><?=$packcodeValue?></option>
    </select>
</td>
<td id="categoryTd">
   <!-- show mysql result for "select Category from skudata where packcode=packcode1" -->
</td>
<td id="unitsTd">
    <!-- show mysql result for "select SellingUnits from skudata where packcode=packcode1" -->
</td>     
<td id="palletTd">
    <!-- show mysql result for "select FullPalletQTY from skudata where packcode=packcode1" -->
</td>

    Dann wird die AJAX-Funktion wäre:

    <script>
function firstPackCodeAjax(packCode) {
    $.ajax({
        url: 'target/file.php',
        data: {code: packCode},
        dataType: 'json',
        success: function(json) {
            $("#categoryTd").html(json.Category);
            $("#unitsTd").html(json.SellingUnits);
            $("#palletTd").html(json.FullPalletQTY);
        }
    });
}
</script>

    Diese erwartet man die Ausgabe der Daten zu json und in das format:

    [
    { "Category": "Fast cars" },
    { "SellingUnits": "9001" },
    { "FullPalletQTY": "9001" }
];

    Anschließend erstellen Sie für jeden eine Funktion wählen, die Sie wollen zu ziehen AJAX mit. Die target/file.php Sie müssen, um sich selbst irgendwo. Hier Holen Sie sich die Daten und echo in json. Viel Glück 😉 Auch dies könnte sehr leicht optimiert werden, aber das ist für später...

    • Hallo, vielen Dank für die Zeit nehmen, zu Antworten. Dies ist meine erste Interaktion mit Ajax, so dass, wenn Sie könnten, bieten eine bessere, vollständige Beispiele, die ich würde es zu schätzen wissen.
    • Werden versuchen, erweitern Sie die Beispiele, wenn ich nach Hause komme von der Arbeit (in 4 Stunden). In der Zwischenzeit, schlage ich die Lektüre ein wenig über AJAX 😉 net.tutsplus.com/tutorials/javascript-ajax/...
    • Auf Jeden Fall, Danke, Ryan
    InformationsquelleAutor Tehnix
  2. 1

    Konnte man AJAX verwenden, für diese. Ich habe kein Beispiel zur hand, aber die w3schools tutorial auf die Kombination von AJAX und PHP ist ein guter Ausgangspunkt. http://w3schools.com/ajax/ajax_aspphp.asp Ich ändern würde, Ihrem Beispiel zu Ausgang Ihrer option tag-Werte stright in Ihrer select-tag mit einem ähnlichen javascript-Funktion auf der einen finden Sie auf der w3schools-website.

    Hoffe, das hilft!

    • Danke, ich versuche, es klappt jetzt auf PHP-Schulen, die auf ein php-Beispiel. Danke, Ryan
    InformationsquelleAutor Ocracoke
Schreibe einen Kommentar