Question

我正在创建一个表单，该表单将使用与用户组上传的媒体文件相关的复选框填充div。基本上，如果用户从下拉菜单中选择组的名称，则所有关联的媒体文件将以复选框形式显示在div中。

下拉菜单从数据库中接收它的选项，选项并不总是已知数量。

<select name="gpname" id="gpname">
<option value=""></option>
<?php
$results = mysql_query("SELECT * FROM usergroups ORDER BY groupname");            
while($row = mysql_fetch_array($results)) {
     echo ('<option value="'); echo ($row['groupname']); echo('">'); echo $row['groupname']; echo('</option>');
}; ?>
</select>

然后，这是div：

<div style="overflow: auto; width: 500px; height: 100px; border: 1px solid #c4c4c4; padding-left: 5px" id="medialist"></div>

最好的方法是什么？

Answer 1

创建一个接收所选选项的PHP文件，并显示复选框表单。

使用Ajax，使用所选选项调用PHP文件，并将内容设置为div。

function setCheckforms(){

var selectedOption = document.getElementById("gpname").value;

    $.ajax({
        async: false,
        type: "POST",
        url: 'file.php',
        data: {option:selectedOption},
        success: function(data){
            $('#medialist').html(data);
        },
        error: function(data) {
        }
    });

}

请记住在选项更改时调用该函数。

<select name="gpname" id="gpname" onchange="setCheckforms()">

我的代码未经过测试。如果您有问题，请告诉我：D

根据下拉选择填充复选框列表

1 个答案: