在研究此问题上我没有成功，因此为简洁描述它的困难深表歉意。
基本上，我正在建立一个网站，用户可以通过html形式> php提交“食谱”。我想要一种让用户动态添加或减少步骤或成分的方法（我在其他站点上已经看到过，但是我找不到简单的纯js解决方案）。
无论如何，我构建了类似于我想要的东西（example here，JavaScript here），但是我不认为这是一个很好的解决方案。要检索表单信息，php代码基本上会遍历材料和步骤的ID，直到到达最后一个。
尽管此解决方案有效，但我又遇到了2个问题：
第一个是每次用户键入时，每个输入的文本都保存在一个js数组中-这样，可以添加或删除新输入而不会丢失文本。但是，在创建新的输入元素时，如果先前的文本过长，则会将其截断。
第二个是成分部分，我希望有一个元素，用户只能选择标准化的度量值（例如，mg，g，kg ...），然后选择另一个数值。我已经尝试过Bootstrap的输入组类，但是间距非常奇怪，在移动设备上根本不起作用。有没有更好的方法可以做到这一点？这也使我原来的解决方案变得非常复杂，因为现在输入的数量将是原来的三倍。