javascript - 根据在此子类别中选择的选项动态更改子类别选择选项

Question

我现在拥有的:
1)31june.html
2)32june.php

我有一个具有以下结构的“珠宝”表:

id
brand(varchar) type(varchar)
model(varchar)
collection(varchar)
description(text)
code(varchar)
url(varchar)
available(int)

第一个文件 31june.html 是一个选择框，其中列出了类型(耳环、项链、 watch )，根据我们选择的类型，脚本会将所选类型发送到第二个文件 32june.php。

32june.php 会做其他事情:

1)查询:

$sql='SELECT collection FROM jewelry WHERE type = ?' 

2) 回显另一个包含 query($sql) 的选择框。

例如，我在选择框中选择了耳环，在 DB 珠宝表中将选择所有带有耳环类型的系列，并且该系列将作为选项显示在新的选择框中。

我想要的:我需要选择类型，然后带有集合的选择框将根据类型显示，然后我想在生成的选择框中选择集合，并根据它，将其(此集合名称)替换为另一个选择选项，或者例如我想在此选择框中显示的新结果。

例如:
类型:耳环 -> 生成带有集合选项值 coll1 的选择框
我选择 coll1。
我希望将 coll1 替换为新日期。

<script type="text/javascript">
    $(document).ready(function(){

    $('#type').on("change",function () {
        var chosen= $(this).find('option:selected').val();
        $.ajax({
            url: "31june.php",
            type: "POST",
            data: "chosen="+chosen,
            success: function (response) {
                console.log(response);
                $("#ajdiv2").html(response);
            },
            });
        });
    });
</script>

<div id="ajdiv">
    <select name="type" id="type">
        <option>Select Type</option>         
        <option value="earrings">Earrings</option>
        <option value="necklace">Necklace</option>
        <option value="watches">Watches</option>
    </select>
</div>

<div id="ajdiv2"></div>

<?php
$chosen = $_POST['chosen'];

function mm ($chosen){

    $host="xxxx";

    $pass="xxxx";

    $user="xxxx";

    $db="xxxx";

    $connect ="mysql:host=$host;dbname=$db";

    $pdo = new PDO($connect, $user, $pass);

    $sql1='SELECT collection FROM jewelry WHERE type = ?';  

    $stmt = $pdo->prepare($sql1); 

    $stmt->execute(array($chosen));

    foreach($stmt as $val){

        $select = '
            <select name="users" id="yol" onchange="showUser(this.value)">
            <option value="">Select Collection:</option>
            <option value="collection">
        ' . $val['collection'] . '</option>
        </select>';            
        echo $select;   
    }   
}
echo mm($chosen);   

Answer 1

这可能是您的循环的问题，您正在创建多个选择元素。尝试更改为:

$select = '
        <select name="users" id="yol" onchange="showUser(this.value)">
        <option value="">Select Collection:</option>
';

foreach($stmt as $val){

    $select = $select . '
        <option value="collection">
    ' . $val['collection'] . '</option>';            
}

$select = $select . '</select>';
echo $select;

然后您可以实现 showUser()，或者为它创建另一个更改处理程序，就像您为类型所做的那样。