javascript - 使用 $_POST[] 调节 JavaScript 开关

Question

所以首先，我之前并没有任何 Javascript 经验，因此为什么我在像这样基本的东西上苦苦挣扎。我很确定那里有答案，但由于英语不是我的母语，我似乎找不到它。

我正在开发一个网站，其中多个票务公司的票价显示在一个表格中，从数据库调用。这些关税根据订购的门票数量而变化，因此我制作了 5 个不同的价格栏，如下图所示: Database screenshot

您可以在表单选择中选择首选价格列

<select id="aantal_tickets" name="aantal_tickets">
    <option value="1" selected="selected">0 - 100</option>
    <option value="2">101 - 500</option>
    <option value="3">501 - 1000</option>
    <option value="4">1001 - 10000</option>
    <option value="5">> 10000</option>
</select>

我的目的是显示的价格列与所选的下拉选项相匹配。因此，如果我选择第一个选项，则会显示第一个价格列。如果我选择第二个选项，则会显示第二列等。

我尝试过使用这样的开关，但没有真正取得任何进展；

switch($_POST['aantal_tickets']) {
    case "1":
    $abc = option1;
    break;

    case "2":
    $abc = option2;
    break;

    case "1":
    $abc = option3;
    break;

    case "1":
    $abc = option4;
    break;

    case "1":
    $abc = option5;
    break;
}

经过几天的浏览代码，我几乎无法理解，我已经陷入困境了。如果有人可以帮助我，甚至可以用我能理解的方式解释它，那就太好了。

此外，我知道这本身就可以在没有 JavaScript 的情况下完成，但它需要实时完成，因此需要通过函数来​​完成。

Answer 1

您可以从 HTML 页面进行 ajax 调用，以从表中获取数据，如下所示:在 HTML 中，您需要编辑下拉列表的 onchange 事件，以便每次更改所选值时它都能获取数据:

<select id="aantal_tickets" name="aantal_tickets" onchange="getData(this.value)">
        <option value="1" selected="selected">0 - 100</option>
        <option value="2">101 - 500</option>
        <option value="3">501 - 1000</option>
        <option value="4">1001 - 10000</option>
        <option value="5">> 10000</option>
    </select> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>
    function getData(val)
    {
             $.ajax({
              url: "getTableData.php?tcktid="+val,
              cache: false,
              success: function(data){
                alert(data); //You can use it your own way
              }
            });
    }
        </script>

在 getTableData.php 中，只需返回这样的结果:

<?php 
//Your connection code.
//Your select query to populate values of option1,option2....option5 (as you said)
switch($_GET['tcktid']) {
    case "1":
    $abc = option1;
    break;

    case "2":
    $abc = option2;
    break;

    case "1":
    $abc = option3;
    break;

    case "1":
    $abc = option4;
    break;

    case "1":
    $abc = option5;
    break;
} 
echo $abc;
?>