与数组相关的三级下拉菜单

Question

我将尝试纠正先前的问题。

我正在尝试创建一个三级菜单。前两个级别取决于选择，而第三个级别必须在无序列表上。

我正在从sql查询中提取数据。

到目前为止，我所获得的是依赖于两个级别的下拉列表。我现在正在努力的是如何基于下拉选择创建无序列表。

这是我的查询的输出

---

0：{0：“ brand1”，1：“ app1”，2：“ list1”，3：1，品牌：“ brand 1”，产品：“ app1”，app：“ list1”，id_app：1}

1：{0：“ brand2”，1：“ app2”，2：“ list2”，3：2，品牌：“ brand2”，产品：“ app2”，app：“ list2”，id_app：2}]] >

---

我正在使用php和jquery来填充前两个下拉列表。

这是我的html

---

<select class="form-control" name="select1" id="select1">
        <option value="brand">Choose Brand</option>
        <?php
                // Iterating through the product array
        foreach($row as $item){
                    ?>
                <option value="<?php echo strtolower($item[0]); ?>"><?php echo $item[0]; ?></option>
                <?php
            }
        ?>
    </select>

        <select class="form-control" name="select2" id="select2" onChange="myFunction()">
        <option value="product">Choose Product</option>
        <?php
        // Iterating through the product array
        foreach($row as $item){
        ?>
        <option value="<?php echo strtolower($item[0]); ?>"><?php echo $item[1]; ?></option>
        <?php
    }
        ?>

        </select>
这是我的意见，请填写下拉列表

---

var $select1 = $( '#select1' ),
        $select2 = $( '#select2' ),
    $options = $select2.find( 'option' );


$select1.on( 'change', function() {
    $select2.html( $options.filter( '[value="' + this.value + '"]' ) );
} ).trigger( 'change' );
我对jquery还是很陌生，我不知道如何前进。我将尝试使用append，但是它只会显示所有列表，而不会通过下拉列表进行过滤。

我是否必须以不同的方式移动？例如列出所有列表，然后隐藏不符合条件“ = to select2”的列表？

非常抱歉，如果我在解释中不是很清楚，那么如果有必要，我可以澄清我在哪里可以达到的目标

非常感谢

我将尝试纠正先前的问题。我正在尝试创建一个三级菜单。前两个级别取决于选择，而第三个级别必须在无序列表上。我正在从...

Answer 1

只是为了简化

Answer 2

我正在使用下面的代码进行这种方式，但是它不起作用。