[原创]JQuery动态添加Select的Option选项

最近做网站需要随时添加商品分类信息，然后默认选中添加的分类信息，为了避免重复获取服务器分类信息，于是需要利用JQuery添加Select组件的Option选项，实例代码如下：

//异步保存分类信息
function SaveCategory() {
    $.post("/GoodsCategory/AjaxSave", { categoryName: $("#CategoryName").val(), parentID: $("#parentID").val() }, function(data) {
        if (data) {
            alert("保存成功！");
            //如果为一级分类，添加到分类中
            if (data.ParentID == 1) {
                var str = "<option value='" + data.Identifier + "'>&nbsp;&nbsp;" + data.CategoryName + "</option>";
                $("select#Category_ID").append(str);
            } else {

                //添加新的分类到分类选择中，并默认选中
                $("select#Category_ID option").each(function(obj) {

                    if (data.ParentID == $(this).val()) {
                        var span = "";
                        for (i = 2; i < data.Cate_Level * 1; i++)
                            span = span + "&nbsp;";
                        var str = "<option value='" + data.Identifier + "'>" + span + data.CategoryName + "</option>";
                        $(str).insertAfter(this);
                    }
                });
            }
            //设置选中值为当前添加的值
            $("select#Category_ID").val(data.Identifier);
            tb_remove();

        } else {
            alert("保存分类失败！");
        }

    }, "json");


}