div要素で完全に囲まれたリストボックス

Question

私はajaxを使用して1ページとして保存したいWebページを持っています。ページには2つの列があり、右側の列はアクティブなセクションです。 PHPとJqueryを使用して、私は自分のデータベースにMySQL呼び出しを行い、右側の列にテーブルを表示します。このテーブルには、保存されたリスト名を表示するセクションがあります。私がしたいのは、テーブルを持つdivをクリアし、テーブルのリスト名から新しいクエリを使用して動的にリストボックスを表示することです。私は新しいページでそれを見る必要がないことを好むだろう。問題は、私が過去3日間に読んだことのすべてが、既に存在するリストを備えた既存のHTMLを表示してから、データが動的に満たされることだけです。すべてのリストボックスコードを動的に表示することは可能ですか？私のテーブルは簡単にページのほとんどを占めることができますので、これは望ましくありません。そうでなければ、モデルリストボックスポップアップを持つことは可能ですか？リストボックスを持つ2番目のページを使用し、それを最初のフォームに表示しますか？私が読んだことは何も私に必要なものを私に本当の洞察力を与える。どんな助けでも大歓迎です。ありがとう。

Answer 1

は私が

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

達成「と、動的テーブルにリスト名から新しいクエリを使用して、リストボックスを表示」

するには、あなたが

はdiv要素をクリアするにはそれを行うことができると思いますあなたはあなたのwhatYouWant（）でAJAXによってそれを行うことができます、AJAXはあなたのPHPサーバ機能（またはAPI）を呼び出すでしょう、このAPIはあなたのmySQLデータベースを尋ね、html文字列をconsturctし、javascriptのためにこのように構築されたHTML文字列を表示するダミーの例

JavaScriptを使用して、ページ、確かにあなたが私たちのコードを表示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>"; 
} 
?>