jquery - Flask:如何添加在按下时动态向表单添加行的按钮

标签 jquery python flask wtforms flask-wtforms

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

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

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

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

基本上,我想要类似于 Google map 输入的内容,您可以在其中通过按“+”按钮添加第三个、第四个、第五个等位置。

编辑:我知道这可以使用 Javascript 完成,但我想我的实际问题是如何从处理 View 的 Python 文件中访问这些数据。

最佳答案

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

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

这通过为按钮提供 #addNewInput 的 id 来实现,例如:

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

关于jquery - Flask:如何添加在按下时动态向表单添加行的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30294328/

相关文章:

asp.net - 尝试通过ajax访问Web服务时出现HTTP 500错误

python - 列表索引超出范围(使用 json)

python - 如何在 Jinja2 中使用命名空间类使用全局变量?

jquery(或css)每隔一个元素带有类

javascript - 使用输入搜索 json

jquery - jquery选择器的奇怪行为

python - 如何在python中对日期进行排序?

python - 使用pip download命令时如何设置平台

python - Flask 保持实时服务器用于测试(Selenium)

python - 如何显示集合中的用户名而不是 flask 中的用户名?