Php 如何构建一个带有下拉字段的计算器，这些下拉字段具有分配给值的不同变量

我想为我玩的游戏建立一个“必需的xp”计算器，在游戏中有许多技能可以分为几类。每项技能都需要不同数量的xp来升级。我已经获得了构建该工具所需的xp数据，尽管我对Html和Css非常有信心，但我对PHP完全是个初学者

我想构建一个包含三个下拉列表的表单：

技能类型（值：冒险|制作） 此下拉列表应将第二个下拉列表显示的值限制为相关技能组）

技能组（价值观：火魔法|刀刃|射箭|治疗等） 此下拉列表应将第三个下拉列表显示的值限制为所选组中的相关技能）

3个人技能（优雅轿跑车、斜杠、速射等） 此处选择的值将选择九个XP阵列中的相关一个，例如：

$xpreq = array('1' => '0',
             '2' => '105',
             '3' => '116',
            '4' => '128');

$xpreq['1'] = '0';
$xpreq['2'] = '105';
$xpreq['3'] = '116';
$xpreq['4'] = '128';

在这三个下拉字段下面，还有另外两个文本字段，用户可以在其中输入其当前技能水平和所需技能水平（1-200）。然后，该工具将返回玩家从当前技能水平到所需技能水平所需的经验值。因此，如果玩家在当前关卡中输入“2”和“4”，工具将从$xpreq['4']中扣除$xpreq['2']，并显示值23

---

考虑到任务的复杂性和我几乎不具备的php知识，我意识到这是一个艰巨的任务，但任何帮助都将不胜感激。谢谢。

要实现您想要的下拉效果，首先需要将数据存储到数据库中，或者因为数据是静态的，所以存储到JSON文件中

然后，每次选择drop box时，使用Javascript或jQuery对数据库/文件进行Ajax调用。 例如，当选择drop down 1时，将触发ajax调用并基于drop down 1值获取数据，然后将获取的数据附加到drop down 2。依此类推到另一个下拉列表

阅读：