Php 列表框完全封闭在div元素中

Php 列表框完全封闭在div元素中,php,jquery,Php,Jquery,我有一个web页面,我更喜欢使用ajax将其保留为一个页面。页面有两列,右列为活动部分。使用PHP和Jquery,我对数据库进行MySQL调用,并在右边的列中显示一个表。此表有一个显示存储列表名称的部分。然后我想做的是清除包含该表的div,并使用表中列表名的新查询动态显示一个列表框。我宁愿不必在新的页面上查看它。问题是,我在过去三天里读到的所有内容都只是显示现有的HTML,列表已经就绪,然后动态填充数据。是否可以动态显示所有列表框代码?我的表格很容易占据页面的大部分,所以这是不可取的。如果没有,

我有一个web页面,我更喜欢使用ajax将其保留为一个页面。页面有两列,右列为活动部分。使用PHP和Jquery,我对数据库进行MySQL调用,并在右边的列中显示一个表。此表有一个显示存储列表名称的部分。然后我想做的是清除包含该表的div,并使用表中列表名的新查询动态显示一个列表框。我宁愿不必在新的页面上查看它。问题是,我在过去三天里读到的所有内容都只是显示现有的HTML,列表已经就绪,然后动态填充数据。是否可以动态显示所有列表框代码?我的表格很容易占据页面的大部分,所以这是不可取的。如果没有,是否可以弹出模型列表框?使用包含列表框的第二个页面,并在我的第一个表单中显示它?我没有读过任何东西能让我真正了解我需要什么。任何帮助都将不胜感激。谢谢。

我想你能做到

要清除分区

function whatYouWant(){
    $( ".rightColumn" ).empty();
}
实现“使用表中列表名的新查询动态显示列表框”

您可以通过whatYouWant()中的AJAX实现,AJAX将调用您的PHP服务器函数(或API),此API将询问您的mySQL数据库,构造html字符串并返回此构建的html字符串以供javascript显示,如下面的虚拟示例所示

使用javascript创建页面时,当然可以修改AJAX以传递列表生成的条件

function whatYouWant(){
    $( "#rightColumnDiv" ).empty();
    $.ajax({
      url: "test.php/GetMyList",
      context: document.body
    }).done(function(data) {
      $( "#leftColumnDiv" ).html( data );
    });   
}
在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>";
}
?>


向我们展示代码…通过使用jquery,您可以非常轻松地清除DIV,因此这不是一个问题,要动态显示列表框,您应该在清除DIV后调用AJAX函数,此AJAX函数将访问您的PHP服务器,此PHP函数将访问您的mySQL数据库,然后生成HTML。很抱歉,不能尽快回复。他病了,不能工作。谢谢大家的回复。