带有子按钮的按钮

Question

我目前有2个按钮(输入提交)保存，保存&去吧，我们正在寻找添加第三个，Save & &;关闭。由于实际空间的关系，这里没有第三个按钮的空间，所以我们的想法是将它们组合成某种形式的下拉菜单。

我知道css使用A和隐藏的div可能是更好的解决方案，然而，由于应用程序在界面中编码的方式，这些需要是输入或按钮，以便后端(类似node.js的导数)接受它。

有办法做出这样的东西吗?

Just show

|"Save"|

，但如果存在选项(基于其他脚本参数)，则显示向下箭头，如

 |"Save *down*"|

，并有2(或1，或更多)子选项出现在鼠标悬停在它下面:

| "and go" | "and close" |

临界点是所有3个条件都必须提交(可能只想保存而不去或关闭)。

再次，所有3需要输入type='submit'，所以我不确定如何在这种情况下调整悬停状态等。通常会使用带有:hovers和intent的列表和子列表。

我有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个选项，保存，保存&去吧，保存吧!关闭

Answer 2

在我看来这是一个设计问题。只要有一个"保存"按钮。保存后，显示一个有"Go"one_answers"Close"按钮的对话框。您可以在对话框的右上方设置"X(对话关闭)"，以防用户不想选择"Go"one_answers"close"按钮中的任何一个。