Question

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

我有一个简单的表单，最初包含3个String输入字段，然后接受该输入并闪烁（所以我可以看到它）。

我想要做的是，当用户点击一个按钮时，它会在现有按钮下添加一条相似的行（所以第四个字符串输入）。

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

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

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

Answer 1

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

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

这可以通过给一个按钮id为#addNewInput来实现，例如：

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

Flask：如何添加按钮，在按下时动态地向表单添加行

1 个答案: