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

问题描述：

我有一个简单的文件上传系统编码在PHP中。如何创建像gmail“移动到”按钮的下拉按钮？

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

请指教。

谢谢。

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

答

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

嗨，这不是我想要的。我想要像gmail移动到按钮，从下拉菜单中选择一个条目后触发回发 – 2010-03-23 05:52:44

答

有点晚但我使用JQuery用户界面的下拉选项列表按钮：在

工作液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“移动到”按钮的下拉按钮？

相关推荐