Question

我有一个用PHP编码的简单文件上传系统。

作为增加UI简单性的一部分，我希望有一个类似的gmail“移动到”按钮，我可以在其中检查多个复选框，然后单击按钮生成的下拉列表中的许多可能条目之一，一些回发发生了。

请告知。

谢谢。

理想情况下，将使用jQuery。虽然我不是专家，但我在使用jQuery方面有一些小经验。

Answer 1

我使用jQuery Multiselect做类似的事情。

Answer 2

有点晚了但是我的按钮带有使用JQuery UI的下拉选项列表解决方案：

jsfiddle

中的工作解决方案

HTML：

<button id="menuButton">Menu Button</button>
<ul style="z-index: 9999999;position: absolute;" id="menuElement">
    <li><a href="#">Select Green</a>

    </li>
    <li><a href="#">Select Red</a>

    </li>
    <li><a href="#">Select Gray</a>

    </li>
</ul>

代码：

var $menuButton = $("#menuButton");
var $menuElement = $("#menuElement");

$menuButton
    .button({
             icons: { 
                       secondary: "ui-icon-triangle-1-s"                 
                    }
            })
    .click(function (event) 
              {
                 $(document).one("click", function () 
                    {
                       $menuElement.css("visibility", "hidden");
                    });

                $menuElement.css("visibility", "visible");
                event.stopPropagation();
             });

$menuElement
    .menu({
             select: function (event, ui) 
                        {
                           $menuElement.css("visibility", "hidden");
                        }
         })
    .css("visibility", "hidden")
    .position({
                 my: "left top",
                 at: "left bottom",
                 of: $buttonElement
              });

如何创建像gmail“移动到”按钮的下拉按钮？

2 个答案: