在下拉列表中显示特定内容

时间:2016-11-22 16:25:14

标签: php jquery css

我对网上找到的一些代码有一点疑问,主要问题是我想要有2个下拉菜单,第一个下拉列表如下:

     <select name="member_group">
        <option value="0">Vælg en gruppe først</option>
        <?php
                $sql = "SELECT * FROM member_groups WHERE company = '$row_cp[id]' ORDER BY id DESC";
                $result = $conn->query($sql);

                if (mysqli_num_rows($result) > 0) {
                    while($row = mysqli_fetch_assoc($result)) {
                    print '<option rel="' . $row[id] . '" value="' . $row[id] .'">- ' . $row[name] . '</option>';
                    }
                }
         ?>
      </select> 

在本节中,我希望我创建的不同群组直接从数据库中显示。

我们说我们有2个小组。

ID:1 - 基本 ID:2 - 高级

如果我选择ID:2 - 高级,我想在下一个下拉列表中,只显示连接到ID:2的价格,数据库中也会发生所有这些,因此我的2&n;下拉列表看起来像此

      <select name="products" class="cascade">
        <?php
              $sql = "SELECT * FROM products WHERE company = '$row_cp[id]' AND available_for = '$_POST[member_group]' ORDER BY id DESC";
              $result = $conn->query($sql);

              if (mysqli_num_rows($result) > 0) {
                while($row = mysqli_fetch_assoc($result)) {
              print '<option class="' . $_POST[member_group] . '" value="' . $visgg[id] .'">- ' . $visgg[name] . '</option>';
                   }
               }
       ?>
     </select>  

我的问题是,为了只显示链接到ID:2的那些,我必须在SQL查询中创建它

available_for = '$_POST[member_group]'

但由于所有事情都以相同的形式发生,因此我无法从$ _POST [member_group]获得价值。

我在论坛上找到了这段代码

<script>
$(document).ready(function(){
    var $cat = $('select[name=member_group]'),
        $items = $('select[name=products]');

    $cat.change(function(){
        var $this = $(this).find(':selected'),
            rel = $this.attr('rel'),
            $set = $items.find('option.' + rel);

        if ($set.size() < 0) {
            $items.hide();
            return;
        }

        $items.show().find('option').hide();

        $set.show().first().prop('selected', true);
    });
});
</script> 

<style type="text/css">
.cascade {
    display: none;
}

</style>    

我下载的演示代码在jsfiddle上工作正常,所以我想我的问题是如何将$_POST[member_group]放到文本下拉列表中,或者使用一些jQuery?

我总是在这里得到很大帮助,所以我希望你能帮助我:o)

0 个答案:

没有答案