jQuery重新加载动态选择框，而无需刷新页面

Question

我正在创建一个由div内容填充的选择框。在这种情况下，此div的父名称保存在变量“ todaystable”中，而我从中提取数据的类为.selectactivity。我还将删除重复的条目。由于这是在文档准备功能上完成的，因此当通过单击功能更改父div时，我需要一种刷新选择框的方法，因为每个父div中的数据都不同。

$(document).ready(function () {

var todaystable='#saturday';

//The click funtion changes the variable to whatever the 'a' has as its href atrribute, i.e #monday, #tuesday etc...
$('div.tabs ul li a').click(function (){
todaystable= $(this).attr('href');  
});

//Creation of select box
$(todaystable).each(function() {   
var select = $(document.createElement('select')).addClass( "select-activity").insertBefore($('.container'));
$('.sessionactivity', this).each(function() {
option =     $(document.createElement('option')).appendTo(select).html($(this).html());        
    var code = {};
    $("select option").each(function () {
        if(code[this.text]) {
            $(this).remove();
        } else {
        code[this.text] = this.value;}
});    
});
});  
}); 

todaystable的初始变量将来自今天刚刚添加为#saturday的今天。