選擇框加載取決於所做的選擇

Question

我的問題如下：

我有兩個選擇框。 在第二個中，加載的選項取決於我在第一個中選擇的選項。

這是我的結果：

index.php

$(document).ready(function() {

    $('#durata').change(function() {
        var durata = $("#durata").val();
        $.ajax({
            type: "POST",
            url: "elaborazione_dati.php",
            data: "durata=" + durata,
            dataType: "html",
            success: function(msg) {
                $("#prezzi").html(msg); 
            },
            error: function() {
                alert("Failed");
            }
        });
    });     
});

    <form>
            <p>durata</p>
            <select name="durata" id="durata">
                <option>Scegli...</option>

                <?php 

                $sql = "SELECT * FROM acquisti";
                $q = $db->prepare($sql);
                $q->execute();

                $q->setFetchMode(PDO::FETCH_ASSOC);

                while($row = $q->fetch()) {  

                ?>
                <option><?php echo $row['durata']; ?></option>

            <?php } ?>

            </select>

            <br />

           <p>prezzi</p>
            <select name="prezzi" id="prezzi">
            <option>Scegli...</option>
            </select>
    </form>

include("elaborazione_dati.php");

elaborazione_dati.php

echo $_POST['durata'];

$durata = $_POST['durata'];

    $sql = $db->prepare("SELECT * FROM acquisti WHERE durata = ".$durata."");
    $sql->execute();
    $result = $sql->fetchAll(PDO::FETCH_ASSOC);
    $db->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

foreach ($result as $value) {

    echo "<option value=".$value['idacquisti'].">".$value['prezzi']."</option>";    

}  

主要問題是“ durata”變量被視為未定義索引，並且我無法正確加載第二個選擇的選項。

你能給我一些提示嗎？

非常感謝

Answer 1

您為什么不嘗試使用以下data: { name: "John", location: "Boston" }