Flask：如何添加在按下时将行动态添加到表单的按钮

Question

环顾四周后，我没有找到任何可以回答这个问题的东西。

我有一个简单的表单，最初包含 3 个用于字符串输入的字段，然后获取该输入并将其闪烁（以便我可以看到它）。

我想做的是，当用户单击按钮时，它会在现有按钮下添加类似的行（因此是第四个字符串输入）。

有没有办法用 python 和 flask-wtforms 做到这一点？

基本上，我想要类似谷歌地图的输入，您可以通过按“+”按钮添加第三、第四、第五等位置。

编辑：我意识到这可以使用 Javascript 来完成，但我想我的实际问题是如何从处理视图的 Python 文件中访问这些数据。

Answer 1

我最近在 Flask 之外做了这个。我用jquery做到了这一点。下面的代码将一个新的输入附加到一个 id 为 #example 的 div 的底部。

$("#addNewInput").click(function(){
  var newInput = $(document.createElement('input'))
   .attr("id", 'newInput');
  $("#example").append(newInput);
});

这通过给一个按钮一个#addNewInput的ID来工作，例如：

<button type="button" id="addNewInput">Add Input</button>