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

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