Javascript 选中下拉项中页面加载时的活动勾号

我已经编写了一个JavaScript，在所选下拉项的右侧显示一个勾号（CSS类名

active

）：

它工作得很好，但我这里有个问题

问题：

刷新页面时，下拉列表将默认为默认的选定项。但所选项目未显示勾号

---

如何重写查询以在下拉列表中显示默认选定项的勾号？

您需要在

li

上循环

，以便各个链接负责自己的事件

$(document).ready(function () {

    $('.select-country ul li a.default').addClass("active");
    //loop over all li
    $('.select-country ul li a').each(function () {
        //remove first from any active link
        $(this).click(function(){
            $('.select-country ul li a').removeClass("active");
           //find and add active on "this" link
           $(this).addClass("active");

           return false; 
        });

    });
});

你能为它创建JSFIDLE吗？
$(document).ready(function () {

    $('.select-country ul li a.default').addClass("active");
    //loop over all li
    $('.select-country ul li a').each(function () {
        //remove first from any active link
        $(this).click(function(){
            $('.select-country ul li a').removeClass("active");
           //find and add active on "this" link
           $(this).addClass("active");

           return false; 
        });

    });
});