Question

我正在尝试使用我的引导程序中的多个按钮作为下拉菜单的替代。我知道我可以有多个提交按钮，然后检查Flask，其中一个被点击，但我正在努力争取用户能够在不提交表单的情况下为字段选择多个按钮，然后为整个表单提供最终不相关的提交按钮。

我不确定这在Bootstrap中是否有可能，因为这似乎不是一个普通的HTML表单字段。任何建议将不胜感激！

Answer 1

也许你正在寻找这样的东西？

<form>
<input type="text" id="inputbtn1">
<input type="text" id="inputbtn2">
<input type="text" id="inputbtn3">
</form>

<button onclick="$('#inputbtn1').val( 'Whatever value you want here' )">Option 1</button>
<button onclick="$('#inputbtn2').val( 'Whatever value you want here' )">Option 2</button>
<button onclick="$('#inputbtn3').val( 'Whatever value you want here' )">Option 3</button>

JsFiddle DEMO

当用户点击按钮时，会为输入设置一个值。如果您想要将此输入字段更改为<input type="hidden" id="inputbtn1">，则可以隐藏此输入字段。

Answer 2

说实话，我不熟悉Flask，但使用Bootstrap非常熟悉。为什么不试试Formtastic？我强烈建议您通过Railscasts查看教程系列的两个部分，以便了解它。他们提供了很多源代码。作为Formtastic的用户，它是一个非常方便的工具。

Bootstrap表单字段作为按钮

2 个答案: