如何使用向值分配不同变量的下拉字段构建计算器

Question

我想建立一个“所需的xp”计算器为我玩的游戏，在游戏中有许多技能，是分组为类。每种技能都需要不同数量的xp来提升。我已经获得了构建该工具所需的xp数据，虽然我对Html和Css很有信心，但我对PHP完全是初学者。

我想建立一个有三个下拉的表格：

1. 技能类型(值:冒险性
2. 技能组(值:火，魔法刀，箭，射箭，治疗，等等)，这个下垂应该限制第三个下拉显示值在选择的组内的相关技能)

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)。然后，该工具将返回玩家需要从他们当前的技能水平获得多少xp到他们想要的技能水平。因此，如果玩家输入"2和4“，工具将从$xpreq'4‘中扣除$xpreq'2’，并显示23的值。

考虑到任务的复杂性和我几乎不存在的php知识，我意识到这是一个很大的要求，但是任何帮助都是非常感谢的。谢谢。

Answer 1

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

然后，每次选择删除框时，使用Javascript或jQuery对数据库/文件执行Ajax调用。例如，当选择下拉1时，ajax调用将触发并根据下拉1值获取数据，然后将获取的数据追加到下拉2，以此类推。

读：http://www.codexworld.com/dynamic-dependent-select-box-using-jquery-ajax-php/