如何創建像gmail「移動到」按鈕的下拉按鈕？

Question

我有一個簡單的文件上傳系統編碼在PHP中。

作爲增加UI簡單性的一部分，我希望有一個類似的gmail「Move To」按鈕，我可以檢查多個複選框，然後點擊按鈕生成的下拉列表中的許多可能條目之一，回發發生。

請指教。

謝謝。

理想情況下，將使用jQuery。雖然我不是專家，但我有一些使用jQuery的經驗。

Answer 1

我使用jQuery Multiselect來做類似的事情。

Answer 2

有點晚但我使用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 
       });