Question

我目前有2个按钮（输入提交）Save，Save＆amp;去吧，我们正在寻找第三个，Save＆amp; amp;关。由于房地产，这里没有第三个按钮的空间，因此我们的想法是将它们组合成某种下拉式。

我知道使用A和隐藏div的css可能是更好的解决方案，但是，由于应用程序的方式是在它所在的界面编码，这些需要为INPUT或BUTTONs以便返回结束（node.js-like derrivitive）来接受它。

有没有办法制作这样的东西？

只是显示

|"Save"|

但如果存在选项（基于其他脚本参数），请显示向下箭头，如

 |"Save *down*"|

并在鼠标悬停下方显示2个（或1个或更多）子选项：

| "and go" | "and close" |

关键点是必须提交所有3个条件（可能只想保存而不进行或关闭）。

同样，所有3都需要输入type ='submit'所以我不确定如何在这种情况下狂欢悬停状态。通常会使用带有a：hovers和intents的列表和子列表。

我有jquery运行并且在html 5设置中，所以可以使用标准的前端内容，但后端是它变得棘手的地方。

关于以更好的方式解决这个问题的建议吗？

Answer 1

像这样做一个选择下拉列表：

<select onchange="this.form.submit()">
    <option value="save">Save</option>
    <option value="save&go">Save & Go</option>
    <option value="save&close">Save & Close</option>
</select>

给它3个选项，保存，保存＆amp;去，保存＆amp;关闭

Answer 2

对我来说，这看起来像是一个设计问题。只需一个“保存”按钮。保存时，显示一个带有“开始”和“关闭”按钮的对话框。如果用户不想选择“开始”和“关闭”按钮，您可以在对话框的右上方放置“X（对话关闭）”。

带子按钮的按钮

2 个答案: