带子按钮的按钮

我目前有2个按钮（输入提交）保存，保存&转到，我们正在寻找添加第3个，保存&关闭。由于房地产，这里没有第三个按钮的空间，所以我们的想法是把它们合并成一个类似的下拉菜单。带子按钮的按钮

我知道，使用A和隐藏的div的css可能是更好的解决方案，但是，由于应用程序的方式是在它所在的接口中进行编码的，所以这些都需要INPUT或BUTTON以便后端（一个类似node.js的derrivitive）来接受它。

有没有办法做出这样的事情？

只需出示

|"Save"|

但如果选择存在（基于其他脚本PARAMS），显示一个向下的箭头，像

|"Save *down*"|

，并有2个（或1或更多）子选项出现在鼠标悬停下方：

| "and go" | "and close" |

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

同样，所有3个需要输入type ='submit'，所以我不知道如何在这种情况下fanagle悬停状态。通常会使用带有：hover和意图的列表和子列表。

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

任何建议'更好的方式'suckerfish这起来？

来源

2013-03-21 briansol

做一个选择下拉列表如下：

<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-21 15:11:16

是的，这可以工作。但这不是'漂亮'。出于用户界面的原因，想用按钮解决它。 – briansol 2013-03-21 15:19:44

你可以用css编辑下拉菜单，使它看起来很漂亮。这是'我认为'最好的选择 – 2013-03-21 15:21:24

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

来源

2013-03-21 18:46:02 Sameera

带子按钮的按钮

回答

相关问题