創建包含頁面的命名錨點的下拉控件

Question

我有一個動態創建的頁面（從數據庫值讀取）與分組的信息。我想添加命名錨點作爲每個組創建。 （常規錨點也會出現在頁面上。）

我希望找到一個jQuery插件或代碼集示例，它可以自動生成並填充頁面的下拉控件，以提供導航到指定的錨點。

感謝任何指針或例子。

Answer 1

這應該做的伎倆：

(function($){ 
    $.fn.anchorsToSelect = function(selector) { 
     selector = selector || 'a[name]'; 

     this.html($(selector).map(function(){ 
      return '<option value="#' + this.name + '">' + $(this).text(); 
     }).get().join('</option>')); 

     this.bind('change', function(){ 
      location.hash = $(this).val(); 
     }); 

     return this; 
    }; 
})(jQuery); 

用法：$('select#MyDropDown').anchorsToSelect();