从下拉列表中选择值,并在下面的表格中显示所选值


Select the value from dropdown and show the selected values below in a table

我通过从MySQL数据库中检索数据来显示该表,并且有一些列具有下拉列表,其中包含复选框值。现在,当我从下拉列表中选择几个值时,后端PHP脚本应该能够获取这些值并查询DB以选择这些值的数据并显示在网页上。

请指导我如何在PHP中做到这一点,或者你也可以指导我使用autopostback概念或jquery。

您可以在下拉列表中放置一个onchange事件,每次发生更改时,您都可以调用ajax并发送选定的id,获取信息并显示…

您需要使用一些PHP和一些jQuery(如果您愿意,也可以使用纯java脚本)。

在jQuery中,您为选项列表输入设置onChange事件。当事件发生时,您可以使用Ajax运行PHP脚本,其中参数的值为form input。在PHP脚本中,您可以对数据库或任何您需要的内容运行一些查询并返回响应。这个回复可能正是你需要打印到表格中的内容。然后,在jQuery中,您可以使表显示返回的响应PHP脚本。

在这里,您可能想阅读以下内容:https://learn.jquery.com/ajax/

试试这个:

首先做一个下拉列表:

 <select name="abc" id="dropdown" onChange="get-data()">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
 </select>

这里,我们在下拉列表中放置一个onchange事件,每次发生更改时,都会调用ajax函数,即get-data()

功能:

<script>
    function get-data()
    {
        var option_value = document.getElementById("dropdown").value;
        var dataString = 'value=' + option_value;
    // AJAX code to submit form.    
    $.ajax({
    type: "POST",
    url: "get_results.php",
    data: dataString,
    cache: false,
    success: function(html) {
        document.getElementById("table").innerHTML=html;
    }
    });
    return false;
    } 
</script>

这里,get_results.php是根据下拉列表中选择的值执行查询的页面。然后在命名为CCD_ 6的CCD_。

我希望它能帮助你。