Question

我的数据库中有一些表格。在＆＃34;级别＆＃34;表，有3级，＆＃34; O级＆＃34;，＆＃34; A级＆＃34;和＃34;另一个级别＆＃34;。我有这个级别的3个主题表。它们是＆＃34; sub_o＆＃34;，＆＃34; sub_a＆＃34;和＆＃34; sub_another＆＃34;他们有不同的主题。我为＆＃34; level＆＃34;做了一个选择选项。表由SQL查询。

代码如下：

<select name="" id="">
    <?php
        $result = mysql_query("SELECT * FROM vhlabel");
        while($row = mysql_fetch_array($result))
        {
            echo "<option>".$row['label_name']."</option>"; 
    ?>
</select>

不同级别有不同的主题。我希望当我选择＆＃34; O level＆＃34;时，它的主题将显示在复选框中。当我选择另一个级别时，复选框中将显示另一个主题。

Answer 1

使用AJAX可以轻松实现您想要的效果，并且通过使用jQuery，AJAX变得更加容易。因此，您的解决方案可以如下所示：

<select name="level" id="level">
    <?php
        $result = mysql_query("SELECT * FROM vhlabel");
        while($row = mysql_fetch_array($result))
        {
            echo "<option>".$row['label_name']."</option>"; 
    ?>
</select>

<div id="sub">
</div>

<script>
$('#level').on('change', function() {
    var levelChangedTo = $(this).val();

    //AJAX request to some server script that will pass the changed level
    //And that script would return the HTML that would be appended 
    //to some other div which would have checkboxes.
    $.ajax({
      method: "POST",
      url: "serverside.php",
      data: { selectedLevel: levelChangedTo }
    })
    .done(function( response ) {
        //Here append or replace the HTML according to your needs
        jQuery('#sub').append(response);
    });

});
</script>

注意：这只是一个可以实现目标的指南。

使用MySQL查询选择不同的选项时显示不同的潜水

1 个答案: