【发布时间】:2016-07-20 15:51:36
【问题描述】:
我目前正在开发仪表板工具。在这里,我使用 Python 遍历数据框,并根据数据创建过滤器。我有以下代码作为示例输出:
<form name="FormYear" method="post">
<div class="panel">
<div id="checkboxes">
<div class="filterdiv">
Forecast Year
<button class="filterButton clearfilter" type="submit" name="submit" value="clearFilterYear">
<i class="glyphicon glyphicon-remove"></i>
</button>
<button class="filterButton filter" type="submit" name="submit" value="filter">
<i class="glyphicon glyphicon-filter"></i>
</button>
</div>
<input value = "1" type="hidden" name="FormYear">
<input type="radio" name="Year" id="Year2016" value="2016" checked class="checkbox" >
<label class="checkboxLabel" for="Year2016">2016</label>
<input type="radio" name="Year" id="Year2017" value="2017" class="checkbox" >
<label class="checkboxLabel" for="Year2017">2017</label>
<input type="radio" name="Year" id="Year2018" value="2018" class="checkbox" >
<label class="checkboxLabel" for="Year2018">2018</label>
</div>
</div>
</form>
上面的代码包含 2 个提交按钮(一个用于提交选择,一个用于清除所有选择)和 3 个单选按钮。为了设置单选按钮的样式,我使用了标签和 css。
仪表板将包含许多这样的表单,我希望能够在用户选中复选框或单选按钮时提交表单。
基本上我需要让网站在用户更改过滤器时点击第二个按钮。
这个可以吗?
【问题讨论】:
-
应该简单一点JQuery,你可以处理单选按钮上的'change'事件并通过Javascript提交表单。
标签: jquery python forms flask submit