1

我目前有 2 个按钮（输入提交）Save、Save & Go，我们正在寻找添加第三个按钮，Save & Close。由于房地产，这里没有第三个按钮的空间，所以想法是将它们组合成某种下拉菜单。

我知道使用 A 和隐藏 div 的 css 可能是更好的解决方案，但是，由于应用程序的方式是在它所在的接口中编码的，这些需要是 INPUTs 或 BUTTONs 才能用于后端（a node.js -like derivitive) 来获取它。

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

只显示

|"Save"|

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

 |"Save *down*"|

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

| "and go" | "and close" |

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

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

我运行 jquery 并设置了 html 5，所以标准前端的东西都可以使用，但后端是它变得棘手的地方。

关于“更好的方法”来解决这个问题的任何建议？

4

2 回答 2

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 个选项，保存、保存并开始、保存并关闭

于 2013-03-21T15:11:16.647 回答
0

对我来说，这似乎是一个设计问题。只需一个“保存”按钮。保存后，显示一个带有“开始”和“关闭”按钮的对话框。如果用户不想选择“开始”和“关闭”按钮中的任何一个，您可以在对话框的右上角显示“X（对话关闭）”。

于 2013-03-21T18:46:02.933 回答