创建包含页面的命名锚点的下拉控件

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();