Listbox vollständig in Div-Element

Question

Ich habe eine Webseite, die ich lieber als eine Seite mit Ajax behalten. Die Seite hat zwei Spalten, wobei die rechte Spalte der aktive Abschnitt ist. Mit PHP und Jquery mache ich einen MySQL-Aufruf an meine Datenbank und zeige eine Tabelle in der rechten Spalte an. Diese Tabelle enthält einen Abschnitt, der gespeicherte Listennamen anzeigt. Was ich tun möchte, ist dann löschen Sie das Div, das die Tabelle hat, und zeigen Sie ein Listenfeld dynamisch mit einer neuen Abfrage aus der Liste Name in der Tabelle. Ich würde es vorziehen, es auf einer neuen Seite nicht sehen zu müssen. Das Problem ist, dass alles, was ich in den letzten drei Tagen gelesen habe, nur vorhandenes HTML mit der bereits vorhandenen Liste anzeigt und dann die Daten dynamisch gefüllt werden. Ist es möglich, ALLE Listbox-Codes dynamisch anzuzeigen? Mein Tisch kann leicht den größten Teil der Seite einnehmen, daher ist dies nicht wünschenswert. Wenn nicht, ist es dann möglich, ein Listbox Popup-Modell zu haben? Benutze eine zweite Seite mit der Listbox und zeige das in meiner ersten Form an? Nichts, was ich gelesen habe, gibt mir einen wirklichen Einblick in das, was ich brauche. Jede Hilfe würde sehr geschätzt werden. Vielen Dank.

Answer 1

Ich glaube, Sie tun können, dass

ein div zu löschen,

function whatYouWant(){ 
    $(".rightColumn").empty(); 
} 

Um das zu erreichen „und zeigen ein Listenfeld dynamisch eine neue Abfrage von Listennamen in der Tabelle mit“

Sie können es von AJAX in Ihrem whatYouWant() tun, der AJAX ruft Ihre PHP-Serverfunktion (oder API) auf, diese API fragt Ihre mySQL-Datenbank, baut die HTML-Zeichenfolge auf und gibt diese erstellte HTML-Zeichenfolge für Javascript zurück Dummy Beispiel

Ihre Seite mit Javascript, sicherlich können Sie die AJAX ändern Sie Ihre Kriterien für die Liste zu übergeben

function whatYouWant(){ 
    $("#rightColumnDiv").empty(); 
    $.ajax({ 
     url: "test.php/GetMyList", 
     context: document.body 
    }).done(function(data) { 
     $("#leftColumnDiv").html(data); 
    }); 
} 

in der test.php

<?php 
function GetMyList() { 
    //go to your mySQL database and fetch what you like to fetch dynamically 
    //construct your list, output it  
    echo "<ul><li>Hello</li><li>GoodBye</li></ul>"; 
} 
?>